选择标签的选定值不会改变angularjs中的外部开关[关闭]答案

【问题标题】：Selected Value of select tag does not change outside switch in angularjs [closed]选择标签的选定值不会改变angularjs中的外部开关[关闭]
【发布时间】：2014-12-09 06:43:11
【问题描述】：

如果我在 ng-switch 中放置了一个选择标签，那么两种方式的绑定对于 ng-switch 之外的选择标签 ng-model 不起作用。

请参考以下代码

<div ng-switch on="OutputStep">
                <div ng-switch-when="0">
                   Switch Step One
                </div>
                <div ng-switch-when="1">
                     Switch Step Two<br/>
                       <select ng-model="SelectedReviewOption" ng-options="review as review.DisplayValue for review in ReviewOptions">
                       </select>
                       Selected Value : {{SelectedReviewOption.DisplayValue}}             
                </div>                        
</div>
<button ng-click="OutputStep = '0'" ng-disabled="OutputStep == '0'">
Back
</button>
<button ng-click="OutputStep = '1'" ng-disabled="OutputStep == '1'">
Next
</button>
Selected Value Outside Switch : {{SelectedReviewOption.DisplayValue}}

在这个fiddle，点击下一步按钮查看第二个切换页面。更改选择标签中的值。观察改变的值不能显示在开关之外——

【问题讨论】：

在你的 jsfiddle 中。没有什么具体可看的……请创建用例。谢谢
这里是小提琴jsfiddle.net/shashanktriv/cobc0u3p/5 ...在此，单击下一步按钮查看第二个切换页面。更改选择标签中的值。观察改变的值不能显示在开关之外
请从 jsfiddle 中提取相关代码并将其发布在问题中。如果 jsfiddle 链接更改或失效，您的问题对其他人没有任何意义。
您已将链接所在的行缩进以允许此帖子。这不是验证警告的意思。如果您链接到代码，则必须在您的问题/答案中包含代码，原因是@NewDev 所述。
重申@lukkea 所说的请不要使用“技巧”来“回避”质量过滤器，它的存在是有原因的。在不解决实际问题的情况下故意避免它对版主来说看起来很糟糕。

标签： javascript angularjs ng-options ng-switch

【解决方案1】：

有一个“。”在您的模型中将确保原型继承发挥作用。所以，使用

<input type="text" ng-model="someObj.prop1"> rather than 
<input type="text" ng-model="prop1">

working fiddle

understanding scope

【讨论】：

【解决方案2】：

在 ng 模型中使用 $parent.var_name ，因为 ng 开关创建它单独的范围，如果变量没有在范围之外由 ng-init 或其他东西（在控制器中）显式定义，则该变量将被限制为它

【讨论】：

【解决方案3】：

现在是.. 您需要使用 $parent 来到达 switch 块之外的父范围

$parent.SelectedReviewOption

http://jsfiddle.net/cobc0u3p/6/

【讨论】：