angulaire.js - Les directives d'Angular peuvent-elles accepter des affectations de type objet ?

Question

Je veux écrire une liste
Utiliser la directive pour écrire un élément
Cet élément changera en conséquence en fonction des différentes valeurs attribuées, mais pour le moment je ne connais qu'une simple affectation de données
Par exemple

.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=''>

Le formulaire que je veux ressemble plus à

<al-item object=''>

Fournir des données d'objet comme celle-ci
al-item peut obtenir le look que j'avais prévu
Est-ce possible ?

Answer 1

Vous pouvez consulter la partie relative à la portée des instructions pour résoudre vos questions.

Environ :

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 这里就可以判断了
        }
    };
})

Probablement comme ça. Pour plus de détails, vous pouvez lire la documentation officielle

Answer 2

La portée de la directive elle-même prend en charge trois modes
1. "=" n'importe quel objet
2. "&" La méthode externe passe dans la directive et est appelée en interne
3. Chaîne "@"

Answer 3

L'objet en HTML est également un attrs. Attrs a été transféré dans la fonction. Vous pouvez utiliser attrs pour appeler directement l'objet.