Angularjs 角度引导崩溃不触发，即使$scope说应该触发_Angularjs

Angularjs 角度引导崩溃不触发，即使$scope说应该触发

angularjs

Angularjs 角度引导崩溃不触发，即使$scope说应该触发,angularjs,Angularjs,这里是Angular新手，运行Angular 1.3和ui引导程序0.12。我只是想学习Angular和ui引导，不确定Angular bootstrap collapse指令为什么没有折叠我的div。单击按钮可以正确地切换$scope.rightPanelCollapse，但折叠没有发生以下是我的标记： <body ng-app="uxf.site"> <div class="container-fluid" data-ng-controller="UxfSiteCont

这里是Angular新手，运行Angular 1.3和ui引导程序0.12。我只是想学习Angular和ui引导，不确定Angular bootstrap collapse指令为什么没有折叠我的div。单击按钮可以正确地切换$scope.rightPanelCollapse，但折叠没有发生

以下是我的标记：

<body ng-app="uxf.site">

<div class="container-fluid" data-ng-controller="UxfSiteController">

    <button data-ng-click="toggleRightPanelCollapse()">{{rightPanelCollapse}}</button>
    <button data-ng-click="toggleRightPanelCollapse()">{{rightPanelCollapse}}</button>
    <div class="row">
        <div id="left-panel" class="col-md-1 grid">
            {{rightPanelCollapse}}
        </div>
        <div id="content" class="col-md-10 col grid">
            {{rightPanelCollapse}}
        </div>
        <div id="right-panel" collapse="rightPanelCollapse">
            {{rightPanelCollapse}}
        </div>
    </div>

</div>

…新手搬家。我只是忘了在我的uxf.site模块中添加ui.bootstrap.collapse作为依赖项。问题解决。

您的小提琴/弹琴器/密码笔是。。。？

(function(angular) {
  'use strict';
  angular.module('uxf.site', [])
    .controller('UxfSiteController', ['$scope', function($scope) {
      $scope.rightPanelCollapse = true;
      $scope.toggleRightPanelCollapse = function() {
        $scope.rightPanelCollapse = !$scope.rightPanelCollapse;
      };
    }]);
})(window.angular);