Angularjs 将ng模型移动到指令中的子元素

我编写了一个指令，它只是用一组嵌套的标记替换一个元素。问题是，我希望ngModel应用于第一个内部元素，而不是外部元素，这是它默认放置的位置。如何强制ng模型应用于内部元素

第一次尝试：

HTML:

指令：

app.directive("nestedElements",function(){
return{
    restrict: 'E',
    replace: true,
    scope:{
        ngModel:'='
    },
    template: '<div class="outer"><div class="inner1">Something</div><div class="inner2"></div></div>'
});

app.directive（“嵌套元素”，函数（）{
返回{
限制：'E'，
替换：正确，
范围：{
ngModel:“=”
},
模板：“某物”
});

结果:

 <div class="outer" ng-model="mymodel"><div class="inner1">Something</div><div class="inner2"></div></div>

<div class="outer"><div class="inner1" ng-model="{{ model }}">Something</div><div class="inner2"></div></div>

什么 不是我想要的。我想要ng模型应用于inner1 div

尝试2：

html:

指令：

app.directive("nestedElements",function(){
return{
    restrict: 'E',
    replace: true,
    scope:{
        model:'@'
    },
    template: '<div class="outer"><div class="inner1" ng-model="{{model}}">Something</div><div class="inner2"></div></div>'
});

app.directive（“嵌套元素”，函数（）{
返回{
限制：'E'，
替换：正确，
范围：{
型号：'@'
},
模板：“某物”
});

结果:

 <div class="outer" ng-model="mymodel"><div class="inner1">Something</div><div class="inner2"></div></div>

<div class="outer"><div class="inner1" ng-model="{{ model }}">Something</div><div class="inner2"></div></div>

什么 这显然也不是我想要的

---

如何使ng模型应用于inner1？

尝试进行以下更改：

scope:{
    model:'=ngModel'
}

及

。。。

---

Fiddle:

尝试进行以下更改：

scope:{
    model:'=ngModel'
}

及

。。。

小提琴：