Angular.js数据绑定（简单的html文档）

24 浏览
0 Comments

Angular.js数据绑定（简单的html文档）

我搞不明白为什么我的控制器和模块没有像我跟随教程一样绑定。我正在使用Brackets程序，它提供了我的代码的实时预览，但是它只显示单词{{message}}，而不是$scope.message。我刚开始学习AngularJS。在文档的头部，我使用了脚本标签和src = \"https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js\"。

这是正文...

你已经成功到达我的HTML文档！

    
     <!h5 tag contains a binded expression>
{{message}}

 

    • {{x}}

 

<!Create a module named 'myModule'Create controller named 'myController'>

admin 更改状态以发布 2023年5月24日
0

2 答案

0 Comments

你的代码对于我来说运行良好。我只是发现了一个小错误。你在控制器中缺少了分号。

var myApp =angular.module("myModule",[]);
     myApp.controller("myController", function ($scope){
         $scope.cars = ["BMW", "Toyota", "Ford", "Range Rover"];
         $scope.message = "My students are the best in the world!";
     });




  
    
    
    
  
  
         
 {{message}} 

     
    
         
  •  {{x}} 
    •

0
0 Comments

在创建模块之前，Angular 检测到了你的 ngApp，因此抛出了一个 $injector:modulerr 异常。如果你打开控制台，你就能看到这个异常。在文档中将脚本移到应用了 ngApp 的容器之前可以解决这个问题。

http://jsbin.com/quxinozubu/edit?html,js,output

0