没有模板控制器的Angular指令绑定

时间:2016-04-30 15:49:13

标签: javascript angularjs angularjs-directive angularjs-controller angular-template

在使用没有模板的自定义指令(使用服务器生成的DOM)并将我的视图绑定到控制器时,我遇到了一个问题。

这是我的jsFiddle示例:

angular.module('myModule', [])
    .directive('myDirective', function(){
    	return {
      	   bindToController: true,
      	   controller: 'myController',
           controllerAs: 'ctrl',
           scope: {
             text: '@'
           },
         }
    })
    .controller('myController', function($scope){
    		this.text = $scope.text
    })
    
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.js"></script>
<div data-ng-app="myModule" data-my-directive='' data-text="Hello world!">
  <h1>
    {{ ctrl.text }}
  </h1>
</div>

使用我的指令的字符串模板或模板url的相同示例将起作用,但我需要使用服务器DOM。

有没有人有同样的问题并解决了它?

问候,

1 个答案:

答案 0 :(得分:0)

指令将仅编译带有指令范围的指令中的GCDAsyncUdpSocket *sendSocket; sendSocket = [[GCDAsycUdpSocket alloc] initwithDelegate:self delegateQueue:dispatch_get_main_queue()]; for(int i = 0;i < sort.count; i++) { [sendSocket sendData:[sort objectAtIndex:i toHost:@"239.1.1.110" port:46110 Timeout:-1 tag:1]; [Thread sleepForTimeInterval:0.003f]; } 。否则,指令的内部内容将获得放置html的范围。