2016-09-24 67 views
0

我测试了以下角度example角度表达没有解决

<html ng-app="nameApp"> 
    <head> 
    <meta charset="utf-8"> 
    <title>Angular.js Example</title> 
    <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.1/angular.min.js"></script> 
    <script> 
     var nameApp = angular.module('nameApp', []); 
     nameApp.controller('NameCtrl', function ($scope){ 
     $scope.names = ['Larry', 'Curly', 'Moe']; 

     $scope.addName = function() { 
      $scope.names.push($scope.enteredName); 
      $scope.enteredName = ''; 
     }; 

     $scope.removeName = function(name) { 
      var i = $scope.names.indexOf(name); 
      $scope.names.splice(i, 1); 
     }; 
     }); 
    </script> 
    </head> 
    <body ng-controller="NameCtrl"> 
    <ul> 
     <li ng-repeat="name in names">{{name}} 
     <a href="" ng-click="removeName(name)">remove</a> 
     </li> 
    </ul> 
    <form ng-submit="addName()"> 
     <input type="text" ng-model="enteredName"> 
     <input type="submit" value="add"> 
    </form> 
    </body> 
</html> 

,这里是输出:

  • 删除
  • 删除
  • 删除

的删除链接作品,和我也可以添加新项目,但{{name}}为空。为什么?

回答

0

我把你的确切代码粘贴到一个JSFiddle中,我可以清楚地看到名字。 https://jsfiddle.net/fp3r2gf4/

* Larry remove 
* Curly remove 
* Moe remove 

因此,也许它是你的浏览器。我在Chrome中查看了它。也许你可以用浏览器的开发工具检查实际的HTML,看看文本是否存在,但是用CSS隐藏。

+0

是的,这可能是我的浏览器,我必须检查它... – Meysam