2016-09-24 18 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