Question

我尝试在dom渲染后运行JQuery。这是代码：

angular.module('testCtrl', ['testService'])

.controller('testController', ['$scope', '$timeout', 'Test', function($scope,$timeout, Test) {
    var vm = this;
        Test.getFromServer().success(function(data) {
            vm.result = data;
            vm.processing = false;
     });
}]);

<test ng-controller="testController as test" >
<note id="note">{{test.result}}</note>

“getFromServer”函数是对检索某些HTML的服务器的异步调用。

我想用JQuery操纵这个html。

我应该使用什么？指令？ $ watch？ $广播？

你能告诉我一个正在运行的例子吗？

Answer 1

仅在指令中操作DOM是标准的。你能做的就是把整个事情写成指令。

function testDirective(Test){
   return {
     controller: 'testController as test',
     link: function(scope, attr, elem, test){
        Test.getFromServer().success(function(data) {
           test.result = data;
           test.processing = false;
        });
     }
   }
}

<div test-directive>
    <note id="note">{{test.result}}</note>
</div>

AngularJS在HTML呈现后使用JQuery操作DOM

1 个答案: