企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持知识库和私有化部署方案 广告
~~~ var m = angular.module('example',[]); //[]表示是否依赖其他模块 m.controller('con1',['$scope',function ($scope) { $scope.name = 'iooni'; }]); ~~~ ### ng-app 模块(包含控制器、服务、指令、过滤器) ### ng-controller 控制器(视图模型$scope),前提要在模块里 ### ng-bind 双向绑定($scope和view之间的绑定) > 如果只是单纯输出数据,使用ng-bind > 数据需要经过运算 就是用表达式{{}} ~~~ <body ng-app="example" ng-controller="con1"> <h2 ng-bind="name"></h2> </body> ~~~ ~~~ var m = angular.module('example',[]); m.controller('con1',['$scope',function ($scope) { $scope.name = 'iooni'; }]); ~~~ ![](https://box.kancloud.cn/8bc92f8a998cd552b5f821110884cab5_228x73.png) ### ng-click ~~~ <body ng-app="example" ng-controller="con1"> {{name}} <input ng-model="name"> <button ng-click="func()">更换$scope值</button> </body> ~~~ ~~~ var m = angular.module('example',[]); m.controller('con1',['$scope',function ($scope) { $scope.name = 'iooni'; $scope.func = function () { $scope.name = 'ccc'; } }]); ~~~ ![ng-click](https://box.kancloud.cn/5f9c6314c75522d701052db59e194b08_397x49.png) ### ng-model用于表单提交,替换了value ### ng-value用户表单,核心在于可以写表达式 ng-repeat ng-view ng-name