我的任务是创建一个表单,然后单击“提交”,将输入的数据显示给div。该任务涉及创建两个指令,一个指令用于创建表单,另一个指令用于显示输入的数据。这些应使用“服务”进行连接,以与对应于两个指令的两个控制器进行通信。但是,我创建了两个指令,但是在脚本文件中,我遇到了一些问题。请帮忙。
这是塞子链接:这里
$scope.getFaster = function() { $scope.name = $scope.modelName; $scope.age = $scope.modelAge; $scope.place = $scope.modelPlace; $scope.gender = $scope.modelGender; };
fastBack.js文件出了点问题
更新:
更新的Plunker:http ://plnkr.co/edit/bsFxDn3RQCGlmZLJMAil?p=preview
我已经使它在有服务和无服务的情况下都可以使用,这两个例子都在插件中。它们仅在按下提交按钮时起作用。
更新结束
使用工作解决方案更新了插件。我没有为此使用服务。但是,如果您想将服务用于更复杂的目的,请告诉我,我将更新塞子。但是,为您澄清一下,您必须使用两个控制器和一个服务而不是指令。
我在此插件中所做的只是将两个指令包装在您创建的控制器中,并对指令进行了较小的修改(添加了replace以删除display指令中的自定义元素并更改了模型名称,使其与form指令相同) 。
index.html
<div ng-controller="fasterCtrl">
<faster-form></faster-form>
<faster-display></faster-display>
</div>
fastDisplay.html
<div>
<div>Name : {{modelName}} </div><br>
<div>Age : {{modelAge}}</div><br>
<div>Place : {{modelPlace}}</div><br>
<div>Gender : {{modelGender}}</div><br>
</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句