角度值未從函數反映出來

Question

我正在嘗試從控制器函數為$ scope變量賦值。 我可以看到該值是從控制台分配的，但未反映在html頁面中。

我的HTML

<div id="NodeDetails" class="NodeDetails">{{NodeDetails}}</div>

我的控制器功能

$scope.ShowDetails = function() {
    $scope.NodeDetails = "in am called in function";
    console.log($scope.NodeDetails)     
};

我可以在控制台中看到數據，但是html中不會顯示相同的數據。

我放的時候有效

$scope.NodeDetails = "in am called in individual";

有什么具體的方法可以在函數中設置變量。 我也嘗試過用返回值，但這也沒有用。

$scope.NodeDetails = function() {
return "in am called in function";  
};

請提出建議。

Answer 1

無論哪種方式都可以工作，這是不同類型的二傳手的例子

 angular.module("app", []).controller("myCtrl", function($scope){ $scope.val = "default value"; $scope.change = function(){ $scope.val = $scope.text; $scope.text =""; }; }); 

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app="app" ng-controller="myCtrl"> {{val}} <input type="text" ng-model="text" placeholder="Add something"/> <button ng-click="change()">Change</button> </div> 

Answer 2

與其將NodeDetails創建為字符串，不如將其更改為對象並嘗試將其更改為https://jsfiddle.net/paka2/d0mf0g9j/1/

<div id="NodeDetails" class="NodeDetails">{{nodeObject.NodeDetails}}</div>   
$scope.nodeObject = {
NodeDetails: ""
}

這解決了任何子范圍問題