当bind-html-compile时,ng-if在ng-repeat内部不起作用

时间:2016-07-14 05:42:11

标签: javascript angularjs angularjs-ng-repeat angular-ng-if ng-bind-html

我有以下代码在我的html页面中绑定html,

<div bind-html-compile="menuButtonView"></div>

我的控制器中有以下代码,

dashboardService.getTemplateMetaData(data.templateCategory)
  .success(function(data) {
    console.log(data);
    $scope.buttonArray = data.btnArray;
    $scope.firstMenuLabel = data.firstMenuLabel;
    if (data.firstMenuLabel) {
      $scope.menuButtonView = '<obl-menu-group label="{{firstMenuLabel}}" icon="fa-pencil-square-o">' +
        '<div data-ng-repeat="btn in buttonArray" >' +
        '<div ng-if="btn.menuTitle !=="Site Settings" ">' +
        '<obl-menu-button label="{{btn.menuTitle}}" icon="fa fa-file-image-o"  menu-function="{{btn.menuFunction}}">' +
        '</obl-menu-button></div>' +
        '<div ng-if="btn.menuTitle ==="Site Settings"">' +
        '<obl-menu-group label="{{btn.menuTitle}}" icon="fa-pencil-square-o"  class="md-sub-menu">' +
        '<obl-menu-button label="Contact Us" icon="fa fa-file-image-o" click-title="contactUs"></obl-menu-button>' +
        '</obl-menu-button></div>' +
        '</div>' +
        '<obl-menu-group>';
    }
  }).error(function(err) {

  });
}).error(function(err) {

});

ng-repeat内的ng-if不起作用。我在这段代码中看不出任何错误。引号有问题吗?

1 个答案:

答案 0 :(得分:0)

在ng-if

中使用单引号
ng-model