AngularJS输入类型url的手表模型

Question

观看网址输入的模型不起作用。

not working: <input name="url" type="url" ng-model="login.url" required>
             $scope.$watch('login.url', change);

working: <input name="text" type="text" ng-model="login.text" required>
         $scope.$watch('login.text', change);

我正在使用带有AngularJS的Ionic-Framework。

选中此fiddle

Answer 1

如果你输入type =“url”，它会自动开始验证它为url，所以除非你输入一个合适的url，否则值在$ scope变量中保持不变。尝试输入有效的网址，您会看到该事件被触发。

Answer 2

有效。您已将类型指定为URL type="url，因此它需要URL输入。像http://example.com之类的东西可以作为该字段中的输入。如果您将类型更改为文本type="text，它将像其他字段一样工作。