Question

我想创建3个通用ionicPopup模板（成功，错误，警告），并在我的整个应用程序中的不同场合显示它们。但在任何场合，这都将是一个不同的信息。因此，每当我调用ionicPopup

时，我都需要传递一个文本变量

到目前为止我所拥有的：

var successPopup = $ionicPopup.show({
                 scope: $scope,
                 title: 'Successful',
                 templateUrl: 'success.html'
                });

<script id="success.html" type="text/ng-template">
    <div class="text-center"><img ng-src="img/icons/successicon.png"></img><br><p>Success Message</p></div> 
</script>

如何使用我将在AngularJS应用程序中指定的变量，并将其显示在我的

标签中，而不是静态＆＃34;成功消息＆＃34;？

Answer 1

您的解决方案是在整个范围内将自定义对象与您的消息绑定在一起：

$scope.message = 'Your custom message';

var successPopup = $ionicPopup.show({
    scope: $scope,
    title: 'Successful',
    templateUrl: 'success.html'
});

<script id="success.html" type="text/ng-template">
    <div class="text-center">
        <img ng-src="img/icons/successicon.png"></img>
        <p>{{ message }}</p>
    </div> 
</script>

我建议您先阅读此内容，了解AngularJS上的双向数据绑定是如何工作的：https://www.w3schools.com/angular/angular_databinding.asp

如何使用ionicPopup指令传递变量？

1 个答案: