AngularJS，ng-show在布爾更改值時不起作用

Question

AngularJS中的HTML頁面。 當布爾值設置爲true時，我的ng-show不會顯示div。

這是我的HTML文件：

<div class="container"> 
<div ng-if="!query" ng-hide="editBoolean"> 
    <h3>{{article.id}} - {{article.title}}</h3> 
    <h4 ng-bind-html="article.text"></h4> 
    <button ng-click="edit(true)">Endre tekst</button> 
</div> 

<div ng-show="editBoolean"> 

    <style> 
    .ta-editor { 
     min-height: 300px; 
     height: auto; 
     overflow: auto; 
     font-family: inherit; 
     font-size: 100%; 
    } 
    </style> 

    <input type="text" ng-model="article.title" value="{{article.title}}"> 

    <div text-angular="text-angular" ng-model="article.text"></div> 
    <button ng-click="update(article.text, article.title)">Lagre</button> 
    <button ng-click="edit(false)">Avbryt</button> 

</div> 

<div ng-if="query"> 
    <h3>{{query}}</h3> 
</div> 

這是我controller.js文件：

// Article controller 
wikiControllers.controller('articleController', ['$scope', 'articleService',  '$routeParams', '$sanitize', 
    function($scope, articleService, $routeParams, $sanitize){ 
$scope.editBoolean = false; 
$scope.edit = function(editValue){ 
    this.editBoolean = editValue; 
    console.log(this.editBoolean); 
}; 
    }]); 

時，我有我的CONSOLE.LOG booleanfil，它顯示爲true（值改變）

Answer 1

這個：

this.editBoolean = editValue; 

應該是：

$scope.editBoolean = editValue;