将 AngularJS ng-form 对象传递给 ng-if? [英] Passing AngularJS ng-form object into ng-if?
问题描述
当我在此处单击预览"时,预览模式中的保存按钮未禁用http://plnkr.co/edit/I3n29LHP2Yotiw8vkW0i
我认为这是因为表单对象(testAddForm)在ng-if的范围内不可用.我知道我应该在我的控制器中使用一个对象,因为它一直传递下去,但是表单对象是由 angular 创建的,在 ng-if 中不可用.我该如何解决这个问题?
<html ng-app="app"><头><script data-require="angular.js@1.2.27" data-semver="1.2.27" src="https://code.angularjs.org/1.2.27/angular.js"></脚本><link rel="stylesheet" href="style.css"/><script src="script.js"></script>头部><body ng-controller="TestController"><form name="testAddForm" novalidate><div ng-if="!previewMode"><input name="title" ng-model="data.title" required/><p ng-show="testAddForm.title.$invalid && !testAddForm.title.$pristine" class="help-block">标题是必需的.</p><div><input type="button" value="Preview" ng-click="preview(true)"/><input type="button" value="Save" ng-disabled="testAddForm.$invalid"/>
<div ng-if="previewMode"><h2>{{data.title}}</h2><div><input type="button" value="Cancel" ng-click="preview(false)"/><input type="button" value="Save" ng-disabled="testAddForm.$invalid"/>