下面的代码可以工作。
<body ng-app="" ng-init="names=['a','b']">
<ul ng-repeat="x in names">
<li >
{{ x }}
</li>
</ul>
</body>但是,一旦我向ng-app添加了一个值(比如ng-app="myApp"),它就会停止工作。有人会知道为什么吗?
发布于 2015-03-01 20:51:03
因为,您通过指定名称告诉角,在这个页面中,我将要使用的所有对象、定义和细节都是在一个名为my的模块中定义的。寻找它的角度,却找不到。
当您指定ng-app时,您应该指定应用程序定义,控制器您可以从ng-init初始化这些值。
<html>
<body>
<div ng-app="myapp" controller="MyController">
<span>{{personname}}</span>
</div>
<script>
// this will setup the myapp
var app = angular.module('myapp', []);
app.controller('MyController',function(){
$scope.personname='tammi';
});
</script>
</body>
</html>发布于 2015-03-01 20:51:33
您将需要创建一个单独的"app.js“(不要忘记在html(视图)中的脚本标记中引用它),并创建一个角模块并将其分配给全局变量"myApp":
var myApp = angular.module("myApp", []);然后创建一个控制器,该控制器将通过$scope服务向视图公开数据:
myApp.controller("MyCtrl", function($scope){
$scope.names = ['a', 'b'];
}在视图中,执行以下操作:
<body ng-app="myApp" ng-controller="MyCtrl">
<ul ng-repeat="x in names">
<li >
{{ x }}
</li>
</ul>
</body>https://stackoverflow.com/questions/28798730
复制相似问题