Angular js開發的各種坑（持續更新中。。。）

標籤：style   http   color   os   io   cti   ar   html   

1.  Angular UI的Modal 在按照官方文檔寫的時候會報如下錯誤

var ModalDemoCtrl = function ($scope, $modal, $log) {  $scope.items = [‘item1‘, ‘item2‘, ‘item3‘];  $scope.open = function (size) {    var modalInstance = $modal.open({      templateUrl: ‘myModalContent.html‘,      controller: ModalInstanceCtrl,      size: size,      resolve: {        items: function () {          return $scope.items;        }      }    });    modalInstance.result.then(function (selectedItem) {      $scope.selected = selectedItem;    }, function () {      $log.info(‘Modal dismissed at: ‘ + new Date());    });  };};// Please note that $modalInstance represents a modal window (instance) dependency.// It is not the same as the $modal service used above.var ModalInstanceCtrl = function ($scope, $modalInstance, items) {  $scope.items = items;  $scope.selected = {    item: $scope.items[0]  };  $scope.ok = function () {    $modalInstance.close($scope.selected.item);  };  $scope.cancel = function () {    $modalInstance.dismiss(‘cancel‘);  };};

[$injector:unpr] Unknown provider: $modalInstanceProvider <- $modalInstance

google了一下，發現官方有人已經報過一個bug

#1549

官方解釋是：

The problem was that you were specifying a controller in 2 places - when opening a modal and inside a template - this is not needed. Remove ng-controller from a template and things will work as expected:

原來，在寫modal option的時候已經制定了Controller， 就沒必要在template裡面加ng-controller制定controller了