2016-07-26 60 views
0

上相同的值我有一个简单的表格有两个文本输入象下面这样:2 NG-模型形式

<form> 
    // this is visible in mobile view 
    <input id="mobileView" type="email" required ng-model="myValue" /> 

    // this is visible on desktop view 
    <input id="desktopView" type="email" required ng-model="myValue" /> 
</form> 

我的问题是不这样做违反角表单验证?因为两个输入都在DOM中,并且在一个视图中,其中一个输入具有价值,而在其他视图中,它没有任何价值。这是否打破了角度的验证?

+0

没有问题,您的代码,没关系。 – dfsq

+1

@SasankSunkavalli ng-hide/ng-show只添加/删除样式'display:none',所以在这里不会有帮助,因为这两个输入都将以这种形式注册。如果你想根据视图注册'input',你应该使用'ng-if'。 – krutkowski86

+0

@ krutkowski86感谢您的信息 –

回答

1

您的代码是正确的,并使用ng - 如果它处理DOM元素。

<form> 
    // this is visible in mobile view 
    <input id="mobileView" type="email" ng-if="condition for mobile view" required ng-model="myValue" /> 

    // this is visible on desktop view 
    <input id="desktopView" type="email" ng-if="condition for desktop view" required ng-model="myValue" /> 
</form>