【问题标题】:Model in a modal window in angularjs is emptyangularjs中模态窗口中的模型为空
【发布时间】:2014-02-19 13:58:17
【问题描述】:

您好,我正在使用angularjs ui bootstrap,并且我在模式窗口中有一个文本字段,当我尝试在警报窗口中打印它时它是空的。有什么理由吗?这是代码的plunker

【问题讨论】:

    标签: angularjs angularjs-scope angular-ui-bootstrap


    【解决方案1】:

    尝试改变

    • $scope.testField

    进入

    • $scope.myModel.testField (或user.firstName...)

    正如视频中提到的angular JS - best practice (29:19):

    “只要你有 ng-model,就一定会有一个点。如果你没有一个点,那你就做错了。”

    查看更新的 plunker http://plnkr.co/edit/z1ABPEUB7Nxm1Kxey9iv?p=preview

    注意:请注意文章Nested Scopes in Angular JS中的视频分钟

    【讨论】:

    • 如果有帮助就太好了。我建议观看这个视频,它非常有趣,真的。享受 Angular ;)
    【解决方案2】:

    这是一个更新的 plunker:http://plnkr.co/edit/tvE4DoovZ6NheYj1HMho?p=preview

    当使用带有ui-bootstrap的模态服务时,你需要将你的模型封装在一个容器作用域中,例如:

    $scope.form = { testValue: '' };

    有关嵌套范围的更多信息,另请阅读:http://jimhoskins.com/2012/12/14/nested-scopes-in-angularjs.html

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-08-11
      • 2015-03-08
      • 1970-01-01
      相关资源
      最近更新 更多