Question

我正在尝试修改ionic 1项目，该项目需要在打开时动态更改临时模板上的文本。

在controller.js中，我有：

//Settings
  $scope.settingsData = {};
  $ionicModal.fromTemplateUrl('templates/settings.html', {
    scope: $scope
  }).then(function(modal) {
    $scope.modal2 = modal;
  });

  $scope.closeSettings = function() {
    $scope.modal2.hide();
  };

  $scope.settings = function() {
    $scope.modal2.show();
  };

  $scope.doSettings = function() {
    console.log('Doing Settings', $scope.settingsData);

    $timeout(function() {
      $scope.closeSettings();
    }, 1000);
  };

模板如下：

<ion-modal-view>
  <ion-header-bar>
    <h1 class="title">App Settings</h1>
    <div class="buttons">
      <button class="button button-clear" ng-click="closeSettings()">Close</button>
    </div>
  </ion-header-bar>

    <div id="myid">Text in here needs to be replaced with something when it opens</div>

  </div>
</ion-content>
</ion-modal-view>

所以，如果我有一个变量：

var myvar = 'Something to replace';

然后，当模板打开上面的var时，可能是模板中div myid中的文本

这怎么办？

Answer 1

我会尽力回答您的问题。

在您的控制器中：

$scope.myvar = 'new text here !';

在您的html文件中：

<div id="myid">{{myvar}}</div>

Ionic 1动态更改模板上的文本

1 个答案: