Javascript Angular JS：如何延迟加载指令？

我的html结构如下所示

main.html

    <div class="row">
        <div class="col-xs-9" id="myResultPage">

                      <!-- Code for service call to get the results and render it back -->

          </div>

          <div class="cols-xs-3">
                 <div right-corner></div> //Calls the directive here
         </div>

**right-corner.html**

<div class="col-xs-3">
    <!-- Code for directive html -->

</div>

**right-corner.js**
(function() {
    angular
    .module("myApp")
    .directive("rightCorner", rightCornerDirective)

function rightCornerDirective() {
         return { 
                  //Directive controller code goes here
           };

//在这里调用指令
**right-corner.html**
**right-corner.js**
（功能（）{
有棱角的
.模块（“myApp”）
.指令（“rightCorner”，rightCorner指令）
函数rightCornerDirective（）{
返回{
//指令控制器代码在这里
};

}

---

在这种情况下，我的rightCornerDirective只需要在div id=“myResultPage”渲染后加载。可以同时渲染两者。我该怎么做？

没有提供足够的信息来真正给出完整的答案，但如果使用

ng if

应该可以解决问题

<div ng-if="someVar" right-corner></div>

---

这会将

ng（如果

）推到摘要周期的末尾。请记住在控制器中插入

$timeout

）

是否尝试使用ng-cloak@Alok，ng斗篷帮不了我

$timeout(function(){
   $scope.someVar = true;
})