Javascript 将ng模型的值从指令模板检索到另一个Html文件

我无法从我的

name指令

检索我的

模板url的
ng model
值

team two.html

<form name="userForm" novalidate>
    <div name-directive></div>
</form>
<pre>{{userForm.firstname}}</pre>

<input type="text" name="firstname" class="form-control" placeholder="Enter 
 your first name"
     ng-model="vm.firstname"
     ng-minlength="2"
     ng-maxlength="20"
     required
     ng-pattern="vm.namePattern"/>

在这里，我有一个
模板URL
不要介意其他代码，因为我认为这与我的担忧无关

name.html

<form name="userForm" novalidate>
    <div name-directive></div>
</form>
<pre>{{userForm.firstname}}</pre>

<input type="text" name="firstname" class="form-control" placeholder="Enter 
 your first name"
     ng-model="vm.firstname"
     ng-minlength="2"
     ng-maxlength="20"
     required
     ng-pattern="vm.namePattern"/>

。。我得到了我想要的。。但我认为这不是解决我问题的确切办法

---

Edit 2添加了指向Plunker的链接：

，因为您使用指令中的

controllerAs

时，从html访问变量时需要引用它

ng model=“vm.firstname”

---

谢谢您的回答。是的，那也行。但是我的问题是

team two.html

在

pre

标记中，我无法访问

name.html的
ng模型