Question

我正在使用带有一个控制器和三个ui-view模板的SinglePage-Application。这里是HTML：

<div class="ng-scope" ng-controller="gameController">     
    <div ui-view="viewUser"></div>
    <div ui-view="viewTeam"></div>
    <div ui-view="viewGame"></div>
</div>

这里的配置：

function($stateProvider, $urlRouterProvider){

    $urlRouterProvider.otherwise("");

    $stateProvider
    .state('index', {
            url: "",
            controller: 'gameController',
            views: {
                "viewUser": { templateUrl: "templates/user-template.html" },
                "viewTeam": { templateUrl: "templates/team-template.html" },
                "viewGame": { templateUrl: "templates/game-template.html" }
            }
     });
}

每个视图都包含一个带有ng-submit-event的公式，当我想提交时，$ scope.formName是未定义的。我如何使用＆＃34; $ scope.teamName。$ valid＆＃34;在ui-view里面？很高兴任何回复。

Answer 1

如果我签入gameController $ scope.on（＆＃39; $ viewContentLoaded＆＃39;，..并查看event.targetScope for userForm或teamForm或gameForm我发现objectHTMLFormElement但是当我尝试添加新用户而不是$时scope.userForm在函数$ scope.addUser（）{...}中是未定义的。女巫在gameController中定义。

$scope.$on('$viewContentLoaded', 
    function(event, viewConfig){ 
        console.log('#c : ---------------------------- ');
        for(var e in event.targetScope){
            if(e.match(/^(userForm|teamForm|gameForm)$/)){
            console.log('#E : '+e)
            }
        }
    }
);

在ui-view angular中使用公式

1 个答案: