角度輸入數據

我試圖學習角度。我想創建一個輸入，當我們輸入數據，然後數據將顯示在同一頁面上。我這樣的代碼角度輸入數據

<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進行測試。它沒有工作，這是否意味着代碼可以在網上工作？這裏的例子： https://jsfiddle.net/hec57h2a/

來源

2016-07-30 renat natanael

AW我傻我忘了帶上的jsfiddle標籤html，對不起。

來源

2016-07-30 17:15:52

添加ng-app在體內，它會工作

<body ng-app="myApp" ng-controller="nameCtrl">

來源

2016-07-30 17:16:37

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

來源

2016-07-30 17:19:18

添加AngularJS在HTML文件中。

來源

2016-07-30 17:19:57

這裏是鏈接。 –

角度輸入數據

回答

相關問題