如何在 AngularJS 中单击按钮时动态更改弹出标题 scope 变量

Question

我在一个 html 页面中有两个弹出窗口，我需要根据弹出窗口点击更改弹出窗口标题。 我正在使用 $scope 变量的标题。 我尝试了下面的代码，但它没有改变标题，请帮助我。

Html：

<div id="Popup" title="{{title}}">
  <div data-ng-include src="'Partials/Popup.html'" data-ng-show="newPopup"></div>
</div>

JS：

$scope.PopupOne = function() {
  $scope.title = 'Popup One'; // I tried this
  $scope.ShowPopup('Popup');
  Factory.HttpRequest('ABC1.ashx', dataJson)
    .success(function(dt) {
        //parameters
      }
    };
}

$scope.PopupTwo = function() {
  $scope.title = 'Popup Two'; //I tried
  $scope.ShowPopup('Popup');
  Factory.HttpRequest('ABC2.ashx', dataJson)
    .success(function(dt) {
        //parameters
      }
    };
}

当我单击弹出窗口上的弹出按钮时，弹出标题未显示，但我可以在检查元素处看到 请看图片

Answer 1

var myDynamicValue = $scope[title];
$scope.PopupTwo = function () {
    $scope.title = myDynamicValue; //I tried
    $scope.ShowPopup('Popup'); 
    Factory.HttpRequest('ABC2.ashx', dataJson)
        .success(function (dt) {
         //parameters
       } 
};