在链接到指令模板后使用带有模板的ng-model

Question

我有一个dom结构，在save()上，我必须捕获<input>标签的值。只要我在指令的模板中定义了<input>，这就可以正常工作。

template:
    '<div>' +
    '<input type="text" ng-model="value1"><br><br>' +
    '<input type="text" ng-model="value2"><br><br>' +
    '<button ng-click="clicked()">Load View</button>' +
    '<button ng-click="save()">Save</button>' +
    '</div>'

Here is the plunker for the same.

但是当我尝试将代码添加到已加载的模板时：

var view =
    '<input type="text" ng-model="value1"><br><br>' +
    '<input type="text" ng-model="value2"><br><br>'; 
element.prepend(view);

将value1绑定到指令范围不起作用。

Plunker for this