0
オブジェクト内の値を使用してディレクティブを動的にロードしようとしています。私は、次のことを試してみました行うには：角度1.xで属性ディレクティブを動的にロードする方法
<body ng-app="myApp" ng-controller="myCtrl">
<div {{testDirectiveJson.first}}-directive></div>
<div {{testDirectiveJson.sec}}-directive></div>
<div {{testDirectiveJson.third}}-directive></div>
<script src="./test.directive.js"></script>
</body>
ここでは私のjs
var app = angular.module("myApp", []);
app.controller('myCtrl', function($scope) {
$scope.testDirectiveJson = {
first: '1',
sec: '2',
third: '3',
}
$scope.lastName = "Doe";
}).directive("1Directive", function() {
return {
restrict: 'A',
template: "<h1>Made by a directive A!</h1>"
};
}).directive("2Directive", function() {
return {
restrict: 'A',
template: "<h1>Made by a directive! B</h1>"
};
}).directive("3Directive", function() {
return {
restrict: 'A',
template: "<h1>Made by a directive! C</h1>"
};
});
ですが、期待通りのが動作していません。私は自分のビューを動的に変えなければならない状態がたくさんあるので、私は自分のオブジェクトを変えてビューを反応させる方法が必要です。
ご協力をお願いします。