angular.js - AngularJS 中如何給一個自訂指令 directive 傳遞一個物件類型的參數?
迷茫
迷茫 2017-05-15 17:03:23
0
1
950

我想寫一個自訂指令,根據外部傳進來的數組,在頁面上產生一個表格。我該怎麼做? angularjs的自訂指令是否只能接收字串參數?哪位大神能幫忙,謝謝!

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

全部回覆(1)
巴扎黑

可以給你一個簡單範例:jsFiddle

<p ng-controller="DemoCtrl">
      <ng-table data="list"></ng-table>
</p>
var demo = angular.module('demo', []);

demo.directive('ngTable', function(){

    return {
        restrict: 'E',
        scope: {
            data: '='
        },
        link: function($scope, element, attrs){
            
        },
        template: '<table><tr ng-repeat="item in data"><td>{{ item.id }}</td><td>{{ item.name }}</td></tr></table>'
    };
});


demo.controller('DemoCtrl', function($scope){
    $scope.list = [
        {
            id: 123,
            name: 'Hello World'
        },{
            id: 234,
            name: 'Fucking world'
        },{
            id: 345,
            name: 'What did you say?'
        }
    ];
});

至於是不是“只能傳字串”,你需要看明白文件先:

文檔地址:scope

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板