0

私はそれを示すプランカーをここに持っています。

2 つのディレクティブを作成できます。この場合、1 つは zMonthSelect という名前で、もう 1 つは zMonthSelect を参照する zTest という名前です。それらがネストされている場合、Angularは気に入らないようです。何故ですか？修正するにはどうすればよいですか?

コードは次のとおりです。

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope) {
});

app.directive('zMonthSelect', function () {
    return {
        restrict: 'E',
        priority: 1000,
        scope: {
            month: '=month'
        },
        template: '<select ng-model="month">' +
            '<option value="1">Jan</option>' +
            '<option value="2">Feb</option>' +
            '<option value="3">Mar</option>' +
            '<option value="4">Apr</option>' +
            '<option value="5">May</option>' +
            '<option value="6">Jun</option>' +
            '<option value="7">Jul</option>' +
            '<option value="8">Aug</option>' +
            '<option value="9">Sep</option>' +
            '<option value="10">Oct</option>' +
            '<option value="11">Nov</option>' +
            '<option value="12">Dec</option>' +
            '</select>',
        controller: function($scope) {
        }
    };
});


app.directive('zTest', function(){ 
  return { 
    restrict: 'E',
    priority: 1,
    scope: {},
    template: 'Test: <z-month-list month="1"></z-month-list>',
    controller: function($scope) {
    }
  };
});

そしてHTML：

<body ng-controller="MainCtrl">
  zTest: <z-test></z-test><br/>
  zMonthSelect: <z-month-select></z-month-select><br/>
</body>
4

1 に答える 1

5

ディレクティブ名が一致しません。zTest使用しようとしているディレクティブでは、<z-month-list>ディレクティブの名前はzMonthSelectです。zTestあなたの指示を私たちに変更してください<z-month-select>。http://plnkr.co/edit/x2i8lv?p=previewを参照

または、内部ディレクティブの名前をzMonthList. http://plnkr.co/edit/aQlSqK?p=previewを参照

于 2012-10-10T04:04:34.567 に答える