服务无法正常工作-AngularJS

阿南德

我的任务是创建一个表单,然后单击“提交”,将输入的数据显示给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>

http://plnkr.co/edit/y3jpxLis9PENGrRvW4Od?p=preview

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

AngularJS服务无法正常工作

来自分类Dev

AngularJS服务无法正常工作

来自分类Dev

AngularJS中的服务无法正常工作

来自分类Dev

angularjs无法正常工作

来自分类Dev

Angularjs 无法正常工作

来自分类Dev

AngularJs-$ filter('filter')服务无法正常工作

来自分类Dev

具有服务的简单AngularJS应用无法正常工作

来自分类Dev

AngularJS指令无法正常工作

来自分类Dev

angularjs路由无法正常工作

来自分类Dev

AngularJS:ngChecked无法正常工作

来自分类Dev

AngularJS表无法正常工作

来自分类Dev

AngularJS Donut无法正常工作

来自分类Dev

AngularJS ngRoute无法正常工作

来自分类Dev

AngularJS ngResource无法正常工作

来自分类Dev

AngularJS路由无法正常工作

来自分类Dev

AngularJS + RequireJS无法正常工作

来自分类Dev

AngularJS DataBinding无法正常工作

来自分类Dev

jsfiddle angularjs无法正常工作

来自分类Dev

单击angularjs无法正常工作

来自分类Dev

AngularJS 单击无法正常工作

来自分类Dev

AngularJS-ngShow无法正常工作

来自分类Dev

AngularJs ng-repeat无法正常工作

来自分类Dev

AngularJs中的Typeahead无法正常工作?

来自分类Dev

AngularJS:$ scope.emit无法正常工作

来自分类Dev

多选插件-AngularJs-无法正常工作

来自分类Dev

AngularJS 1.2-ngAnimate无法正常工作

来自分类Dev

AngularJs排序顺序无法正常工作

来自分类Dev

AngularJS密码确认noMatch无法正常工作?

来自分类Dev

无法获得Angularjs承诺能正常工作