角度输入数据

我试图学习角度。我想创建一个输入，当我们输入数据，然后数据将显示在同一页面上。我这样的代码角度输入数据

<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

这里是链接。 –

角度输入数据

回答

相关问题