如何從HTML調用指令

Question

我有象下面這樣的指令，

.directive('lbd', function() { 
    return { 
     restrict: 'E', 
     scope: { 
      context: '=', 
      dui: '=' 
     }, 
    } 
}); 

調用模板，

 <lbd class="col-xs-12 lbd" context="disease-description" dui="id"></lbd> 

我給ID來回我的控制器，

$scope.id = "222"; 

但是這個指令並沒有呈現出來，我無法找到解決辦法。任何人都可以幫助我。謝謝。

Answer 1

我認爲你的directive有錯誤。在scope後刪除,身體。 和disease-description應該是=範圍，如$scope.id。 但我認爲disease-description是string所以更改context類型爲@的指令。

.directive('lbd', function() { 
    return { 
    restrict: 'E', 
    scope: { 
     context: '@', 
     dui: '=' 
    } 
} 
}); 

var app = angular.module('anApp', []); 
 
app.controller('ctrl', function($scope) { 
 
$scope.id = "222"; 
 
}); 
 
app.directive('lbd', function() { 
 
    return { 
 
     restrict: 'E', 
 
     scope: { 
 
      context: '@', 
 
      dui: '=' 
 
     }, 
 
     template:"<p>{{dui}},{{context}}</p>" 
 
    } 
 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0/angular.min.js"></script> 
 

 
<div ng-app="anApp" ng-controller="ctrl"> 
 
<lbd class="col-xs-12 lbd" context="disease-description" dui="id"></lbd> 
 
</div>