Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 如何使ng模型在ng if中工作?_Angularjs_Drop Down Menu_Dropdown_Angular Ng If - Fatal编程技术网

Angularjs 如何使ng模型在ng if中工作?

Angularjs 如何使ng模型在ng if中工作?,angularjs,drop-down-menu,dropdown,angular-ng-if,Angularjs,Drop Down Menu,Dropdown,Angular Ng If,我需要隐藏并显示选择框更改时的div,它已经在ng if中。这是代码。请帮帮我 <div class="col-sm-6"> <select name="" id="print-type" class="form-control" ng-model="printType"> <option value="selectOne" selected>Select One</option> <option va

我需要隐藏并显示选择框更改时的div,它已经在ng if中。这是代码。请帮帮我

<div class="col-sm-6">
    <select name="" id="print-type" class="form-control" ng-model="printType">
        <option value="selectOne" selected>Select One</option>
        <option value="selectTwo">Wall Decoration</option>
    </select>
</div>
<div class="col-sm-6" ng-if="printType == 'selectTwo'">
     <select name="" id="wall-decoration" class="form-control" ng-model="wallDecorDropdown">
          <option value="One">Select One</option>
          <option value="two">Framed Print</option>
     </select>
</div>

<div ng-if="wallDecorDropdown == 'two'">Hi</div>

选择一个
墙面装饰
选择一个
镶框印刷品
你好

非常感谢。

您打破了在
ng模型中始终使用对象的黄金法则

问题是
ng if
创建了一个子作用域。因此,当您在该子范围内更改一个基元时,
ng model=“wallDecorDropdown”
它将从父范围中隐藏,因为基元的继承方式与对象/数组的继承方式不同

改为:

<div class="col-sm-6" ng-if="printType == 'wallDecor'">
     <select name="" id="wall-decoration" class="form-control" ng-model="myScopeModel.wallDecorDropdown">
          <option value="One">Select One</option>
          <option value="two">Framed Print</option>
     </select>
</div>

<div ng-if="myScopeModel.wallDecorDropdown == 'two'">Hi</div>

非常值得观看,以便更好地理解。

谢谢。我需要保留ng if,因为我正在用另一个选择框隐藏并显示它。让我来编辑这个问题。非常感谢。你能帮我做个密码笔吗?嘿,我还有一个问题。如何隐藏“Hi”当选择“墙壁装饰”时,请查看更新的问题不清楚您想要什么。开始一个新问题,并包括演示
$scope.myScopeModel ={}