Angular JS:控制器不工作.当我尝试使用ng-init时,所有的事情都很完美
Angular JS: Controller not working. all things work perfect when i try with ng-init
我是AngularJS新手。我的控制器无法工作。然而,ng-init
工作完美。这是代码:
<div data-ng-controller="SimpleController">
<input type="text" data-ng-model="yourName" placeholder="Enter a name here">
<h3>
<ul>
<li data-ng-repeat="cust in customers | filter:yourName | orderBy : 'name'"> {{ cust.name | uppercase }} - {{ cust.city | uppercase }} </li>
</ul>
</h3>
</div>
<script src="js/angular.min.js"></script>
<script>
function SimpleController($scope) {
$scope.customers = [{
name: 'rutunj',
city: 'surat'
}, {
name: 'aushik',
city: 'Jugal'
}, {
name: 'kushik',
city: 'Lugal'
}];
}
</script>
在脚本中您已经这样做了
function SimpleController($scope) {
$scope.customers = [{
name: 'rutunj',
city: 'surat'
}, {
name: 'aushik',
city: 'Jugal'
}, {
name: 'kushik',
city: 'Lugal'
}];
}
但是你还没有定义angular模块,所以在脚本中修改如下代码:
angular.module('myApp', []).controller('SimpleController', SimpleController);
function SimpleController($scope)
// Controller code
}
并在div中添加ng-app
,如
<div ng-app="myApp" data-ng-controller="SimpleController">
相关文章:
- ng init中的表达式无法使用ng repeat
- AngularJS ng-init does not work
- ng init未按预期工作
- 在<选择>使用angular ng选项可能使用ng init
- ng init未进行初始化
- AngularJS:如何在间隔后执行 ng-init
- 在指令之后加载的角度ng-init函数
- ng init与razor表达式
- 如何使用AngularJS在ng init中传递scope变量
- 如何访问ng-init或ng-checked中服务回调函数中声明的$scope变量
- 在我的HTML中用ng-init初始化$scope变量时出现问题
- 如何在ng-init中使用$scope变量
- 触发特定路由的其他指令,如ng-init或事件,如stateChangeStart
- 如何使用angularjs在单个ng-init-directice中调用多个函数
- AngularJS:我显然不理解ng-init的用法
- AngularJS:Ng:init-如何分配Ng:model
- 如何修复这个 AngualrJS 数据-ng-init 绑定 - 初学者
- ng-选项与ng-init无法正常工作
- HTML 标记与 ng-init 中
- Angular JS:控制器不工作.当我尝试使用ng-init时,所有的事情都很完美