将ng-model从父级传递给控制器

Question

我试图在单击按钮时将位于不同HTML范围内的ng-model传递给控制器​​。如果按钮与ng-model的范围相同，它可以工作，但我想在标题中有按钮。

案例1.这有效：

HTML

<header>       
</header>
<content>
    <label>
         <input ng-model="text">
    </label>
    <button ng-click="save(text)">
       Save
    </button>
</content>

案例2.这不起作用：

HTML

<header>       
    <button ng-click="save(text)">
       Save
    </button>
</header>
<content>
    <label>
         <input ng-model="text">
    </label>
</content>

控制器

$scope.save = function(text) {
    console.log(text); // Undefined in case 2.
};

据我所知，ng-model更适合指向对象键。所以我尝试了这个：

HTML

<header> 
    <button ng-click="save(text)">
       Save
    </button>      
</header>
<content>
    <label>
         <input ng-model="obj.text">
    </label>
</content>

控制器

$scope.save = function() {
    $scope.obj = {};
    console.log(obj.text); // Still undefined
};

当按钮位于标题中时，如何通过ng-model传递给控制器​​？