角度js中的联系人列表在旧版本中工作而不是在新版本中

时间:2014-11-04 05:19:56

标签: angularjs

我是棱角分明的新手,我正在学习Site。在这里,我想尝试做同样的联系人列表

使用旧版本的角度js ver 1.1.1工作正常。当我尝试使用1.3.1时,它无法正常工作

这是小提琴Link

 <div ng-app="" ng-controller="ContactController">
    <p>Enter an email address in below textbox and press Add button:</p>
    <input type="text" ng-model="newcontact" placeholder="Email" />
    <button ng-click="add()">Add</button>
    <h2>Contacts</h2>
    <ul>
        <li ng-repeat="contact in contacts">{{ contact }} </li>
    </ul>
</div>

<script>
    function ContactController($scope) {
        $scope.contacts = ["maha@gmail.com", "hello@email.com"];

        $scope.add = function () {
            $scope.contacts.push($scope.newcontact);
            $scope.newcontact = "";
        }
    }
</script>

但不是新版本的angularjs。任何人都可以帮助我为什么以上不适用于新版本。

提前致谢

1 个答案:

答案 0 :(得分:1)

只需在Angular的module下定义您的控制器,例如:

angular.module("MyApp",[])
    .controller("ContactController" , function($scope) {

    // ...

});

工作小提琴:http://jsfiddle.net/aLDJJ/1657/