Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/23.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.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
Ruby on rails 我可以通过Rails 4中的Cocoon gem在link_添加到_add_Association的字段中混合AngularJS吗?_Ruby On Rails_Angularjs_Ruby On Rails 4_Formtastic_Cocoon Gem - Fatal编程技术网

Ruby on rails 我可以通过Rails 4中的Cocoon gem在link_添加到_add_Association的字段中混合AngularJS吗?

Ruby on rails 我可以通过Rails 4中的Cocoon gem在link_添加到_add_Association的字段中混合AngularJS吗?,ruby-on-rails,angularjs,ruby-on-rails-4,formtastic,cocoon-gem,Ruby On Rails,Angularjs,Ruby On Rails 4,Formtastic,Cocoon Gem,因此,我使用link_to_add_关联助手在Rails 4应用程序中动态添加表单字段。我最初认为我可以在AngularJS中混合如下: 这是通过cocoon添加的haml代码模板(formtastic gem) 相反,我得到的转义html类似于: <li class="select input optional" id="person_kite_submissions_attributes_new_kite_submissio

因此,我使用link_to_add_关联助手在Rails 4应用程序中动态添加表单字段。我最初认为我可以在AngularJS中混合如下:

这是通过cocoon添加的haml代码模板(formtastic gem)

相反,我得到的转义html类似于:

<li class="select input optional" id="person_kite_submissions_attributes_new_kite_submissions_funding_type_input"><label for="person_kite_submissions_attributes_new_kite_submissions_funding_type" class="label">Funding type</label><select name="person[kite_submissions_attributes][new_kite_submissions][funding_type]" id="person_kite_submissions_attributes_new_kite_submissions_funding_type" class="kite_submission_dropdown" ng-model="kiteSubmission.fundingType" ng-change="update()" data-ng-options="fundingType in kiteSubmission.fundingType"><option value=""></option>
                  <option value="Red">Red</option>
                  <option value="Blue">Blue</option>
                  <option value="Green">Green</option></select>
因此,我认为Angular将无法接受DOM注入,因为cocoon(或者可能是formtastic gem)gem正在逃逸html字符串

我是不是最好只把茧上的宝石撕下来,然后用直的角呢?或者什么是好方法。只有当我在Chrome中查看源代码时,我才注意到这一点,检查元素生成了外观正确的html代码,这就是为什么我花了几个小时才注意到这一点

<li class="select input optional" id="person_kite_submissions_attributes_new_kite_submissions_funding_type_input"><label for="person_kite_submissions_attributes_new_kite_submissions_funding_type" class="label">Funding type</label><select name="person[kite_submissions_attributes][new_kite_submissions][funding_type]" id="person_kite_submissions_attributes_new_kite_submissions_funding_type" class="kite_submission_dropdown" ng-model="kiteSubmission.fundingType" ng-change="update()" data-ng-options="fundingType in kiteSubmission.fundingType"><option value=""></option>
                  <option value="Red">Red</option>
                  <option value="Blue">Blue</option>
                  <option value="Green">Green</option></select>