2016-07-30 16 views
0

です。角度を知ろうとします。 私は入力を作成したい、データを入力すると、データは同じページに表示されます。 ローカル(自分のコンピュータ)上でこの入力データは角度が

<body ng-controller="nameCtrl"> 
    <div class="body container"> 
    <ul> 
     <li ng-repeat="name in names">{{name}} <!-- place for all username --> 
      <a href="" ng-click="removename(name)">remove</a> <!-- button remove --> 
     </li> 
    </ul> 

    <form action="" ng-submit="addName()"> 
     <label for="">first name :</label> 
     <input type="text" ng-model="firstname"> 
     <label for="">last name :</label> 
     <input type="text" ng-model="lastname"> 
     <input type="submit" value="add"> <!-- button add --> 
    </form> 
    </div> 
</body> 


var myApp = angular.module('myApp', []); 
     myApp.controller('nameCtrl',function($scope){ 
    // ARRAY 
    $scope.names=['firstname1 lastname1','firstname2 lastname2','firstname3 lastname3']; 
    // ADD NAME 
    $scope.addName= function(){ 
    $scope.names.push($scope.firstname +' '+ $scope.lastname); 
    $scope.firstname=""; 
    $scope.lastname=""; 
    }; 
    //REMOVENAME 
    $scope.removename= function(name){ 
    var i= $scope.names.indexOf(name); 
    $scope.names.splice(i,1); 
    }; 
}); 

のように私のコードの作品は、しかし、私はjsfiddleでそれをテストしようとします。それは仕事をしなかった、これはコードがオンラインで動作することを意味しますか?ここ 例:私は申し訳ありませんが、jsfiddleにタグhtmlを持参するのを忘れ https://jsfiddle.net/hec57h2a/

答えて

0

AW愚かな私。体内の

0

追加ng-appは、それが

<body ng-app="myApp" ng-controller="nameCtrl"> 
0
<body ng-app="myApp" ng-controller="nameCtrl"> replace first line 
0

は、あなたのHTMLファイルにAngularJSを追加していきます。

+0

ここはリンクです。

関連する問題