如何将数据从控制器传递到angularjs中的视图

时间:2015-01-21 13:42:46

标签: angularjs view controller

我知道如何将数据从视图传递到控制器这里是reference我想将数据从控制器传递到angular-js中的视图。是否可能,如何运作?

1 个答案:

答案 0 :(得分:4)

angular.module('yourApp').controller('Contacts',  ['$scope',function($scope){
    $scope.contacts = [
    {name:'Hazem', number:'01091703638'},
    {name:'Taha', number:'01095036355'},
    {name:'Adora', number:'01009852281'},
    {name:'Esmail', number:'0109846328'}
    ];
}])

在上面的代码中,“contacts”将传递给视图。然后它将在受控元素中可用,如下所示:

<div ng-controller="Contacts">{{contacts[0].name}}</div>

因此我们定义了我们想要使用的控制器,然后我们可以访问它传递给视图的$ scope对象。您可以根据需要向$ scope添加任意数量的项目,如下所示:

angular.module('yourApp').controller('Contacts',  ['$scope',function($scope){
    $scope.contacts = [
    {name:'Hazem', number:'01091703638'},
    {name:'Taha', number:'01095036355'},
    {name:'Adora', number:'01009852281'},
    {name:'Esmail', number:'0109846328'}
    ];
    $scope.rabbit = "Rabbit";
}])