Meteor-Iron路由器：{{>；yield}不工作_Meteor_Iron Router

Meteor-Iron路由器：{{>；yield}不工作

meteor

Meteor-Iron路由器：{{>；yield}不工作,meteor,iron-router,Meteor,Iron Router,我的问题是： 1-“{>yield}}”工作不正常。当我从模板中删除“{{>yield}}”时，模板会正确显示。若我在模板中放置“{{>yield}}”，那个么将显示空的body标记 2-如果我从body标记中删除“{>adlayout}}”，则会显示空的body标记我有以下模板代码： <head> <title>My Metronic</title> <meta charset="utf-8"/> <me

我的问题是：

1-“{>yield}}”工作不正常。当我从模板中删除“{{>yield}}”时，模板会正确显示。若我在模板中放置“{{>yield}}”，那个么将显示空的body标记

2-如果我从body标记中删除“{>adlayout}}”，则会显示空的body标记

我有以下模板代码：

    <head>
    <title>My Metronic</title>

    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <meta content="Good Description" name="description"/>
    <meta content="Dave Alex" name="author"/>
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css"/>
    <link href="assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link href="assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="assets/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/>
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN THEME STYLES -->
    <link href="assets/global/css/components.css" rel="stylesheet" type="text/css"/>
    <link href="assets/global/css/plugins.css" rel="stylesheet" type="text/css"/>
    <link href="assets/admin/layout/css/layout.css" rel="stylesheet" type="text/css"/>
    <link id="style_color" href="assets/admin/layout/css/themes/default.css" rel="stylesheet" type="text/css"/>
    <link href="assets/admin/layout/css/custom.css" rel="stylesheet" type="text/css"/>
    <!-- END THEME STYLES -->

    <link rel="shortcut icon" href="favicon.ico"/>
</head>


<body>
    {{> adlayout }}
</body>


<template name="adlayout">

    {{> adheader}}
    <div class="clearfix"></div>
    <div class="page-container">
        {{> adsidebar}}


        <!-- BEGIN CONTENT -->
        <div class="page-content-wrapper">
            <div class="page-content">
                <!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->
                <!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->
                <!-- BEGIN STYLE CUSTOMIZER -->
                <!-- END STYLE CUSTOMIZER -->
                <!-- BEGIN PAGE HEADER-->
                <div class="row">
                    <div class="col-md-12">
                        <!-- BEGIN PAGE TITLE & BREADCRUMB-->
                        {{> adbreadcrumb}}
                        <!-- END PAGE TITLE & BREADCRUMB-->
                    </div>
                </div>
                <!-- END PAGE HEADER-->
                <!-- BEGIN PAGE CONTENT-->
                <div class="row">
                    <div class="col-md-12">
                        Page content goes here  -  22

                        {{>yield}}


                    </div>
                </div>
                <!-- END PAGE CONTENT-->
            </div>
        </div>
        <!-- END CONTENT -->






    </div>
    {{> adfooter}}


</template>

以下是“MyHelloController”：

有人能告诉我我做错了什么，以及如何纠正错误。

你可以通过查看Chrome的javascript控制台了解更多细节。您的代码中可能有一个异常。{{>yield}}无法呈现，因为您试图显示的路由中涉及到模板问题

鉴于您提供的信息，很难说这个错误到底是什么。这可能是一个普通的Js错误

错误可能出现在模板的帮助程序或渲染函数中（如果有的话）

也可能是您的子模板渲染不正确或其帮助程序中存在错误，例如

adfooter

或

adsidebar

    Router.configure({

    layoutTemplate : 'layout'
});


    Router.map(function(){

        this.route('myHello', {
            path: '/mine',
            controller : 'MyHelloController'
        });

    });

    MyHelloController = RouteController.extend({

    layoutTemplate: 'adlayout',
    template: 'hello',

    waitOn: function () {
        //return Meteor.subscribe('waitingFor');
    },

    data: function () {
        /*
        data = {waitingFor: 'No wait For'};
        return data;
        */
    },

    onBeforeAction: function () {

    },

    onAfterAction: function () {

    },
    action: function () {
        this.render();
    }


});