【问题标题】:How to pass data from controller to view in angularjs如何将数据从控制器传递到angularjs中查看
【发布时间】:2015-01-21 13:42:45
【问题描述】:

我知道如何将数据从视图传递到控制器这是reference 我想从控制器传递数据以在 angular-js 中查看。如果可以的话,它是如何工作的?

【问题讨论】:

  • 你知道$scope 是如何工作的吗?
  • 这个帖子还活着吗?

标签: angularjs view controller


【解决方案1】:
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'}
    ];
}])

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

<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";
}])

【讨论】:

    猜你喜欢
    • 2019-07-18
    • 2019-05-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多