Question

我的任务是创建一个表单，并在点击“提交”时将输入的数据显示给div。该任务涉及创建两个指令，一个用于创建表单，另一个用于显示输入的数据。这些应使用“服务”连接，以与对应于两个指令的两个控制器进行通信。但是，我创建了两个指令，但是在脚本文件中，我遇到了一些问题。请帮忙。

以下是plunker链接：HERE

$scope.getFaster = function() { $scope.name = $scope.modelName; $scope.age = $scope.modelAge; $scope.place = $scope.modelPlace; $scope.gender = $scope.modelGender; };

在fastBack.js文件中有问题

Answer 1

更新：

更新了Plunker：http://plnkr.co/edit/bsFxDn3RQCGlmZLJMAil?p=preview

我已经使它在有和没有服务的情况下工作，这两个例子都在plunker中。它们仅适用于按下提交按钮。

更新结束

使用工作解决方案更新了plunker。我没有使用过这项服务。但是，如果您想将服务用于更复杂的目的，请告诉我，我会更新plunker。但是，为了澄清你，你必须使用两个控制器和一个服务而不是指令。

我在这个plunker中所做的只是将两个指令包装在你创建的控制器中并对指令进行了少量修改（添加了replace以删除自定义元素并将display指令中的模型名称更改为与表格指令）。

的index.html

<div ng-controller="fasterCtrl">
    <faster-form></faster-form> 
    <faster-display></faster-display>
</div>

fasterDisplay.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

服务不工作 - AngularJS

1 个答案: