Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/391.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 尝试从控制器调用崩溃的角度引导_Javascript_Css_Angularjs_Twitter Bootstrap_Angular Ui - Fatal编程技术网

Javascript 尝试从控制器调用崩溃的角度引导

Javascript 尝试从控制器调用崩溃的角度引导,javascript,css,angularjs,twitter-bootstrap,angular-ui,Javascript,Css,Angularjs,Twitter Bootstrap,Angular Ui,我正在使用Angular 1.2和bootstrap 3.x,我正在尝试使用Angular bootstrap插件折叠DIV。我有一个带有搜索栏的表单,它使用我的自定义$resource服务从控制器中的服务器检索特定数据: $scope.sendSearch = function(query) { $scope.results = Search.query(query); }; 在使用以下代码检索结果后,我想取消折叠结果: <div collapse="isCollaps

我正在使用Angular 1.2和bootstrap 3.x,我正在尝试使用Angular bootstrap插件折叠DIV。我有一个带有搜索栏的表单,它使用我的自定义$resource服务从控制器中的服务器检索特定数据:

$scope.sendSearch = function(query) {
        $scope.results = Search.query(query);
};
在使用以下代码检索结果后,我想取消折叠结果:

<div collapse="isCollapsed">
        <li class="well" ng-repeat="result in results" style="list-style-type: none;">

        </li>
    </div>

在通过添加带有正确ng click操作的简单按钮检索数据后,我可以这样做,但我的问题是-是否可以更改控制器中isCollapsed变量的值?我知道,由于回应的承诺性质,它可能是有问题的。当我尝试这样做时,我的div被class=collasing冻结了,什么也没发生,hovewer-我仍然能够使用前面提到的按钮折叠/解压div,该按钮也修复了class属性。

只需创建一个scope watch,查看结果是否已更改或已检索

$scope.watch("results", function(newValue, oldValue){
  if (newValue.length > 0)
  $scope.isCollapsed = !$scope.isCollapsed;
})


尝试了你的解决方案,结果还是同样的问题。我的div看起来是这样的:崩溃的类永远不会变为正确的类,然而-watch似乎以正确的方式工作:。
$scope.watch("results", function(newValue, oldValue){
  if (_.isEqual(newValue, oldValue) ) // I used underscorejs
  $scope.isCollapsed = !$scope.isCollapsed;
})