Question

我得到了这个调用方法并返回局部视图的代码：

var rendered = false;
    $("#quicktodo").click(function () {

        if (!rendered) {
            $.ajax({
                url: '/Home/GetTodoPartial',
                dataType: 'html',
                success: function (data) {
                    $('#_qtd').html(data).hide().slideDown('400');
                    rendered = true;
                }
            });
        } else {
            $('#_qtd').html("");
            rendered = false;
        }

    });

data是部分视图，如下所示：

<div ng-app>
    <div ng-controller='HelloController'>
        <p>{{greeting.text}}, World</p>
    </div>
</div>

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"></script>
<script>

    function HelloController($scope) {
        $scope.greeting = { text: 'Hello' };
    }
</script>

我的问题是Angular似乎不适用于我的部分视图，对于为什么有任何建议？谢谢！

Answer 1

你首先必须创建一个角度应用程序。

然后在index.html中，您必须定义ng-view

<div class="view-container">
    <div ng-view class="view-frame"></div>
</div>

ng-view div将显示您的局部视图。所以你必须创建例如partial1.html和partial2.html。

然后，您必须定义您的路线。它在这里解释： https://docs.angularjs.org/tutorial/step_07

在局部视图中使用角度

1 个答案: