Javascript 角自举模态掩模形式_Javascript_Angularjs_Modal Dialog_Angular Ui Bootstrap

Javascript 角自举模态掩模形式

javascript angularjs

Javascript 角自举模态掩模形式,javascript,angularjs,modal-dialog,angular-ui-bootstrap,Javascript,Angularjs,Modal Dialog,Angular Ui Bootstrap,我试图在范围内得到一个角度的形式来验证验证等基本情况 <body ng-controller="AwesomeParentController"> <div class="btn btn-primary" ng-click="open()">Open the Modal</div> </body> 假设我有以下HTML： <body ng-controller='MyAwesomeController'> <

我试图在范围内得到一个角度的形式来验证验证等

基本情况

 <body ng-controller="AwesomeParentController">
   <div class="btn btn-primary" ng-click="open()">Open the Modal</div>
 </body>

假设我有以下HTML：

 <body ng-controller='MyAwesomeController'>
   <form name="fooForm">
     <textarea ng-model="reason" required=""></textarea>
   </form>
   <div class='btn btn-primary' ng-click="submit()" ng-class="{'btn-disabled': true}">Awesome Submit Button</div>
 </body>

这将起作用，检查后，

范围

将包含一个

fooForm

键

现在让我们说，我在混合中引入了一个角度ui引导模式，如下所示：

破壳

 <body ng-controller="AwesomeParentController">
   <div class="btn btn-primary" ng-click="open()">Open the Modal</div>
 </body>

使用以下modal.html：

<form name="fooForm">
  <textarea ng-model="reason" required=""></textarea>
</form>
<div class='btn btn-primary' ng-click="submit()">Awesome Submit Button</div>

普朗克：

为什么表格被蒙住了？不必创建嵌套的子控制器，有什么干净的方法可以实现它？如果我想将

ng类

绑定到表单有效性，该怎么办？我现在是否需要在

（$$childTail）.fooForm.$valid

周围构建一个手表

更新：angular ui bootstrap 0.12.0修复了该问题-转换范围与控制器的范围相同，无需

$parent.

。只要升级

在0.12.0之前：

Angular UI模态使用转换来附加模态内容，这意味着在模态中创建的任何新范围条目都是在子范围中创建的。这在form指令中发生

这是已知的问题：

我建议使用Angular 1.2.16快速解决方案：

<form name="$parent.userForm">

伟大的在上引用了您在相关问题中的答案，但如果您在那里回答，我将选择正确答案：）不久将有新版本通过合并作用域来修复此问题。

<form name="fooForm">
  <div ng-controller ="JankyFormController">
    <textarea ng-model="reason" required=""></textarea>
    <div class='btn btn-primary' ng-click="submit()">Awesome Submit Button</div>  
  </div>
</form>

.controller('JankyFormController', ['$scope', function(scope){
  scope.models['fooForm'] = scope.fooForm
}])

<form name="$parent.userForm">

<div ng-class="{'has-error': userForm.email.$invalid}"}>