从指令模板检索ng-model的值到另一个Html文件

时间:2017-04-19 09:13:20

标签: javascript html angularjs

我无法从ng-model检索template-url的{​​{1}}值。

团队two.html

name directive

此处我在<form name="userForm" novalidate> <div name-directive></div> </form> <pre>{{userForm.firstname}}</pre> 内部name-directiveform标记,以便在pre

中输入值时进行查看

命名-directive.js

input text of name-directive

在这里,我有(function () { 'use strict'; var app = angular.module('app.input-form'); app.directive('nameDirective', function () { return { restrict: 'AE', scope: true, controller: function() { var vm = this; vm.namePattern = /^[a-zA-Z ]{1,25}$/; }, controllerAs: 'vm', templateUrl: '/src/client/app/input-form/name.html' } }); })(); 不介意其他代码因为我认为这与我的担忧无关。

name.html

templateUrl

在这里,我有<input type="text" name="firstname" class="form-control" placeholder="Enter your first name" ng-model="firstname" ng-minlength="2" ng-maxlength="20" required ng-pattern="vm.namePattern"/> 我要访问的是ng-model ..

修改注意:我发现如果我在firstname中添加$viewValue它就可以了..我得到了我想要的东西..但我认为这不是确切的解决我的问题..

编辑2 添加了对Plunker的链接:https://plnkr.co/edit/6glStzEq5ckZZzph2qLw?p=preview

1 个答案:

答案 0 :(得分:0)

由于你在指令中使用public function update(Request $request) { if (isset($_POST['delete'])) { echo 'delete'; } } 需要在从html访问变量时引用它。

controllerAs

ng-model="vm.firstname"