如何在同一个angularjs页面的ng-template脚本标签中使用输入文本框值

苏列什·哥打

我的angularjs页面中有一个电子邮件文本框,如下所示:

<div class="form-group form-control-default required">
 <input type="email" class="form-control" ng-model="signUpParams.email" name="email" id="InputEmail1" placeholder="Email" required> </div>

我想显示在ng对话框中输入的电子邮件。这是我的ng-dialog脚本标签的一部分:

<script type="text/ng-template" id="templateId">
  <div class="media-body act-media-body">
     <h5 class="success" style="color:#84b642">Now it is time to complete this process</h5>
      <p class="margin-v-35-0">Thank you for signing up for your account. to complete this process you have to confirm by clicking the link we have mailed to your mail account : [email protected]</p>
  </div>                   
</script>

我想更换[email protected]p标签与inputed电子邮件静态数据。我怎样才能做到这一点?有什么帮助吗?谢谢

已编辑

这是我的控制器代码来调用ng-dialog:

var loginModule = angular.module('loginModule', ['ngDialog']);
loginModule.controller('loginController', function($scope, $http, $window, ngDialog) {
        $scope.signUp = function() {
            $http.post("/users/createUser",$scope.signUpParams)
            .success(function(response) 
                {
                    if(response.status){

                        if(response.isUserExists){
                            alert(response.message);
                        }else if(response.isMailSendSuccessfully){
                            ngDialog.open({ template: 'templateId',
                                            closeByDocument : false,
                                            preCloseCallback: function(value) {
                                                $window.location.href="/"
                                                }
                                           });
                    }

                    }else{
                        //SOMETHING WENT WRONG
                        alert(response.message);
                    }


                }).error(function(data, status, headers, config) {

                        alert(data)
                });
    };
布伦丹·格林(Brendan Green)

更新呼叫以ngDialog.open包括您的范围:

ngDialog.open({ template: 'templateId',
    closeByDocument : false,
    preCloseCallback: function(value) {
        $window.location.href="/"
    },
    scope: $scope
});

现在,您可以在对话框中引用模型:

<p class="margin-v-35-0">Thank ... : {{signUpParams.email}}</p>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在同一个angularjs页面的ng-template脚本标签中使用输入文本框值

来自分类Dev

在同一个文本框上乘以一个文本框输入值

来自分类Dev

如何在同一个表中使用where子句进行选择,但传递给表的字符串在同一个文本框中但具有不同的id

来自分类Dev

如何使用客户端脚本设置Dojo列表文本框的标签和值

来自分类Dev

如何在变量中使用用户从文本框中输入的值(Powershell)

来自分类Dev

如何获取要在 js 中使用的文本框的值/输入?

来自分类Dev

如何使用angularjs将可变值放入一个文本框ng-repeat

来自分类Dev

如何在同一个jsp页面上将输入值从一种形式传递到另一种形式?

来自分类Dev

在输入文本后如何在同一个字段中附加输入

来自分类Dev

如何在同一个jQuery函数中使用两个追加?

来自分类Dev

如何在条件中使用多个文本框值

来自分类Dev

如何使用播放 pdf 在同一个 pdf 文档中创建单独的页面

来自分类Dev

Javascript,如何在同一个输入类型的文本字段中显示两个值?

来自分类Dev

我如何从文本框中获取用户输入以在倒计时脚本中使用它?

来自分类Dev

如何在同一个类中使用重载的运算符[]?

来自分类Dev

如何在同一个正则表达式中使用捕获的组

来自分类Dev

如何在同一个cherrypy应用程序中使用多个调度程序?

来自分类Dev

如何在同一个类的Perl中使用类的实例

来自分类Dev

如何在JavaScript中的同一个功能中使用多个按钮?

来自分类Dev

如何在同一个div中使用load和open

来自分类Dev

如何在同一个 XML 中使用 DTD 和 XSL

来自分类Dev

如何在python中使用多个线程调用同一个函数?

来自分类Dev

Mysql如何在同一个查询中使用SUM和COUNT

来自分类Dev

如何在同一个列表中使用 min() 和 max()

来自分类Dev

如何在同一个 RestTemplate 中使用自定义 ResponseErrorHandler 和 ClientHttpRequestFactory?

来自分类Dev

如何在mysql中使用union合并同一个表

来自分类Dev

如何在 React 的同一个 <li> 标签中渲染对象数组?

来自分类Dev

如何在同一个变量C ++中存储单独输入的数字?

来自分类Dev

如何在同一个<option>元素中混合RTL和LTR文本方向?

Related 相关文章

  1. 1

    如何在同一个angularjs页面的ng-template脚本标签中使用输入文本框值

  2. 2

    在同一个文本框上乘以一个文本框输入值

  3. 3

    如何在同一个表中使用where子句进行选择,但传递给表的字符串在同一个文本框中但具有不同的id

  4. 4

    如何使用客户端脚本设置Dojo列表文本框的标签和值

  5. 5

    如何在变量中使用用户从文本框中输入的值(Powershell)

  6. 6

    如何获取要在 js 中使用的文本框的值/输入?

  7. 7

    如何使用angularjs将可变值放入一个文本框ng-repeat

  8. 8

    如何在同一个jsp页面上将输入值从一种形式传递到另一种形式?

  9. 9

    在输入文本后如何在同一个字段中附加输入

  10. 10

    如何在同一个jQuery函数中使用两个追加?

  11. 11

    如何在条件中使用多个文本框值

  12. 12

    如何使用播放 pdf 在同一个 pdf 文档中创建单独的页面

  13. 13

    Javascript,如何在同一个输入类型的文本字段中显示两个值?

  14. 14

    我如何从文本框中获取用户输入以在倒计时脚本中使用它?

  15. 15

    如何在同一个类中使用重载的运算符[]?

  16. 16

    如何在同一个正则表达式中使用捕获的组

  17. 17

    如何在同一个cherrypy应用程序中使用多个调度程序?

  18. 18

    如何在同一个类的Perl中使用类的实例

  19. 19

    如何在JavaScript中的同一个功能中使用多个按钮?

  20. 20

    如何在同一个div中使用load和open

  21. 21

    如何在同一个 XML 中使用 DTD 和 XSL

  22. 22

    如何在python中使用多个线程调用同一个函数?

  23. 23

    Mysql如何在同一个查询中使用SUM和COUNT

  24. 24

    如何在同一个列表中使用 min() 和 max()

  25. 25

    如何在同一个 RestTemplate 中使用自定义 ResponseErrorHandler 和 ClientHttpRequestFactory?

  26. 26

    如何在mysql中使用union合并同一个表

  27. 27

    如何在 React 的同一个 <li> 标签中渲染对象数组?

  28. 28

    如何在同一个变量C ++中存储单独输入的数字?

  29. 29

    如何在同一个<option>元素中混合RTL和LTR文本方向?

热门标签

归档