角度UIタブ内のスコープの取得

Question

タブのコンテキスト内で角度スコープに問題があります（角度UI）。

私のjsfiddle example（複数のタブのフィールドをタブの外側に1つの送信ボタンが表示されている例がスリムになっています）です。私は$のscope.userがオブジェクトで見ることが非常に基本的なフォームを送信した場合

<form...> 
    <tab> 
    <pane> 
     <input...> 
    </pane> 
    </tab> 
</form> 

jsfiddle exampleを見てみると、タブなし：

は、ここで基本的なHTMLレイアウトです。フィールドがペイン（タブ）内にあるため、スコープが正しくありません。 createUserで送信されたユーザオブジェクトにアクセスするにはどうすればよいですか？

Answer 1

userモデルは分離スコープ内に深く埋め込まれているという問題があります。コードが期待通りに機能するようにするには、の値が$scope.$$childHead.panes[0].$$nextSibling.user.first_nameでなく、$scope.userである必要があります。これは明らかに解決策ではありません。

単純な解決策は、コントローラのスコープに空のuserオブジェクトを追加することです。 HTMLのng-modelディレクティブがこのプロパティにバインドされます。お使いのコントローラは次のようになります。

function MyCtrl($scope) { 
    $scope.user = {}; 
    $scope.createUser = function() { 
    alert($scope.user); 
    }; 
}