angularjs控制器功能無法正常工作

Question

這個想法是創建一個函數，當點擊該單詞時觸發一個彈出窗口。

這是我迄今所做的：

HTML

<div class="contenu" > 
     <div class="box1"> 
      <a href="#" ng-model="collapsedd" ng-click="toggle()" style="color:#259B24"> MyRhoom </a> 
      <div class="bordered" ng-show="collapsedd">I am description</div> 
     </div> 

的js控制

angular.module('starter.toolsController', ['ionic']) 
.controller('toolsCtrl', function ($scope){ 

$scope.collapsedd="false"; 
$scope.toggle=function() 
{ 
    $scope.collapsedd=!$scope.collapsedd; 
}; 

}); 

但我得到這個：

這意味着彈出已被觸發！ 如何解決這個問題？

Answer 1

我認爲你的代碼沒有大問題。我剛剛用替換爲$scope.collapsedd = false，它一直在工作。

HTML

<div class="contenu" ng-controller="toolsCtrl"> 
    <div class="box1"> 
    <a href="#" ng-click="toggle()" style="color:#259B24"> MyRhoom </a> 
    <div class="bordered" ng-show="collapsedd">I am description</div> 
    </div> 
</div> 

JS

var myApp = angular.module('myApp', []); 

myApp.controller('toolsCtrl', function($scope) { 
    $scope.collapsedd = false; 
    $scope.toggle = function() { 
    $scope.collapsedd = !$scope.collapsedd; 
    }; 
});