angular.js - Bolehkah arahan dalam Angular menerima tugasan objek jenis?

Question

Saya mahu menulis senarai
Gunakan arahan untuk menulis item
Item ini akan berubah dengan sewajarnya mengikut nilai berbeza yang diberikan, tetapi pada masa ini saya hanya tahu tugasan data mudah
Contohnya

.directive('al-item', function() {
    return {
        restrict: 'EA',
        template: '

<p>'
                 +'</p>

',
        replace: true,
        controller: function($scope, $element, $attrs, $transclude) {
            //这里根据a、b、c 三者的值 进一步修饰al-item
        }
    };
})

<al-item a='' b='' c=''>

Borang yang saya mahukan lebih seperti

<al-item object=''>

Sediakan data objek seperti ini
al-item boleh mencapai rupa yang saya rancang
Adakah ini mungkin?

Answer 1

Anda boleh melihat bahagian skop arahan untuk menyelesaikan soalan anda.

Kira-kira:

html<p ng-controller="cc">
<al-item object="obj"></al-item>
</p>

jsangular.module('xx', [])
.controller('cc', ['$scope', function($scope) {
    $scope.obj = {a:'a', b:'b', 'c':'c'}
}])
.directive('alItem', function() {
    return {
        restrict: 'EA',
        template: '<p>'+'</p>',
        replace: true,
        transclude: true,
        scope: {
            object: "="
        },
        controller: function($scope, $element, $attrs, $transclude) {
            //scope.object 这里就可以判断了
        }
    };
})

Mungkin seperti ini untuk butiran, anda boleh membaca dokumentasi rasmi

Answer 2

Skop arahan itu sendiri menyokong tiga mod
1. "=" sebarang objek
2. "&" Kaedah luaran lulus dalam arahan dan dipanggil secara dalaman
3. "@" rentetan

Answer 3

Objek dalam HTML juga merupakan attrs telah dipindahkan ke dalam fungsi Anda boleh menggunakan attrs untuk memanggil objek secara langsung.