angularjs中的模态窗口中的模型为空

Question

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

Answer 1

以下是更新的plunker：http://plnkr.co/edit/tvE4DoovZ6NheYj1HMho?p=preview

在ui-bootstrap中使用模态服务时，需要将模型封装在容器范围内，例如：

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

另请阅读此内容以获取有关嵌套作用域的更多信息：http://jimhoskins.com/2012/12/14/nested-scopes-in-angularjs.html

Answer 2

尝试更改

• $scope.testField

进入

• $scope.myModel.testField （或user.firstName ...）

如本视频angular JS - best practice（29:19）所述：

  

“每当你有一个模型时，某处都会有一个点。如果你没有一个点，那你做错了。”

请参阅更新的plunker http://plnkr.co/edit/z1ABPEUB7Nxm1Kxey9iv?p=preview

注意：提醒一下文章Nested Scopes in Angular JS

中的视频分钟