javascript - Angular JS 脚本不更新 View

Question

假设这是相当简单的修复，并且我完全错过了一些事情..

我基本上有一个按钮，当用户单击它时，它将使用 ui-router 进入一个新状态。状态更改后，脚本中的值将导致简单段落标记的空值填充为我在脚本的 $scope 中设置的值。

这不起作用，请参阅下面的示例:

脚本

app.controller('myCtrl', ['$scope', 'Auth', '$state', '$timeout',  
function($scope, Auth, $state, $timeout) {

$scope.buttonClick = function () {
    $state.go('newState');
    $timeout(function () {
        $scope.newValue = 'Hello';
    }, 1000);
};

}]);

HTML

<p>{{newValue}}</p>

现在，我已经尝试了各种组合，并注意到通过使用 '$scope.newValue = 'Hello';' 行并将其放置在按钮单击功能之外将导致它工作正常。然而，我正在创建一个应用程序，其中将有更多的按钮单击事件，每个事件将相同的值更改为适用于按钮单击事件的特定值。

Answer 1

当您执行 $state.go('newState') 时，您导航到另一个 View ，从而失去了尝试时所处的当前 $scope设置 $scope.newValue = 'Hello';

您需要在“newSate-controller”中为要导航到的 View 设置 $scope.newValue = 'Hello';。