Javascript Angular和UiBootstrap - templateUrl

Question

我已经按照书籍教程（Simon Holmes的Getting Mean）进行了以下操作，其中包含以下内容：

var ratingStars = function () {
  return {
    scope: {
      thisRating : '=rating'
    },
    templateUrl: '/template/rating-stars.html'
  };
};

这会从文件加载html并将其正确应用到页面。

但是，如果我尝试将UI Bootstrap（LINK）添加到项目中，则上述操作将停止。谁能告诉我为什么？

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

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")