Javascript和UiBootstrap-templateUrl

Javascript和UiBootstrap-templateUrl,javascript,angular-ui-bootstrap,Javascript,Angular Ui Bootstrap,我遵循了一本书的教程(Simon Holmes的《变得卑鄙》),并有以下内容,这些内容很有效: var ratingStars = function () { return { scope: { thisRating : '=rating' }, templateUrl: '/template/rating-stars.html' }; }; 这将从文件中加载html并将其正确应用于页面 但是,如果我尝试向项目中添加UI Bootstrap(),上述

我遵循了一本书的教程(Simon Holmes的《变得卑鄙》),并有以下内容,这些内容很有效:

var ratingStars = function () {
  return {
    scope: {
      thisRating : '=rating'
    },
    templateUrl: '/template/rating-stars.html'
  };
};
这将从文件中加载html并将其正确应用于页面

但是,如果我尝试向项目中添加UI Bootstrap(),上述操作将停止工作。谁能告诉我为什么

上述功能的使用概述如下:

table.table.table-striped.table-hover
    thead
      tr
        th Name
        th Rating
    tbody(ng-controller="empListCtrl")
      tr(ng-repeat="emp in data.empTest | filter:searchText"  ng-click="empRowClicked(emp)" )
        td{{emp.name}}
        td(rating-stars, rating="emp.rating")

您可能需要提供更多有关此
ratingStars()
函数如何工作的上下文。现在还不清楚这是如何将资源加载到你的页面的Hi@thanksd,我已经更新了以显示它是如何使用的。只是为了确保。。。你们有并没有检查控制台看是否有任何异常?嗨@kriskot,是的,我有,但并没有。UI引导也有一个“评级”指令。您的
评级
属性可能与UI引导评级指令冲突。尝试为该属性指定一个不同的名称。注意,UI引导指令被称为
uib rating
,但这可能是新的指令(在过去,它们不使用其指令的前缀w/“uib”)。