Question

我对角度相对较新，而且大部分只是用简单的SPA来玩，我的大多数经验来自VS和MVC 5，所以我知道这样的事情可以通过部分视图来完成。但我似乎无法用棱角分明。

在这个plunkr中，我有一个例子：

http://plnkr.co/edit/H4yyrNvWlTiSoahYHVXA?p=preview

基本上，我希望动态链接列表指向不同的视图，现在我只有家。

然而，我甚至无法在硬编码时加载视图。

我想我应该使用ng-include：

<div class="col-lg-12" ng-include ng-src="Home.html">

</div>

Answer 1

我不建议您使用ng-include来表示这种逻辑。 Update the SSL Negotiation Configuration of Your Load Balancer，Angular Router和Angular New Router都具有此功能，并且内置了许多功能。

但是，要解决您对此特定代码段的关注，ng-include需要将值传递给它。传递的值应该是一个模型属性，其值为字符串或字符串常量。在字符串常量的情况下，它应包含在单引号'中。所以，试试这个：

<div class="col-lg-12" data-ng-include="'home.html'" >
</div>

Answer 2

您应该在ng-include指令中指定模板网址，如果它是常量（例如home.html），则需要将其放在单引号中：

def gen_uuid(apps, schema_editor):
    MyModel = apps.get_model('myapp', 'MyModel')
    for row in MyModel.objects.all():
        row.uuid = uuid.uuid4()
        row.save()


class Migration(migrations.Migration):

    dependencies = [
        ('myapp', '0004_add_uuid_field'),
    ]

    operations = [
        # omit reverse_code=... if you don't want the migration to be reversible.
        migrations.RunPython(gen_uuid, reverse_code=migrations.RunPython.noop),
    ]

或者，您可以将模板URL放在控制器范围变量中并将其绑定到ng-include

将部分视图加载到Div AngularJS

2 个答案: