Javascript 如何使用Embers Js在内部调用MVC局部视图

我是MVC开发embers js的新手

正在为如何从.cshtml页面调用partialview而苦苦挣扎

使用余烬Js的局部视图

<script type="text/x-handlebars" id="index">

        {{#each item in limitedContent }}
        <div>
            <div style="width:800px;margin:0 auto">
                <div style="float:left">
                    <div style="width: 600px;font-weight:bold;color:Red;margin-top:20px;text-decoration:none">{{#link-to '' }}{{item.FirstName}}{{/link-to}}</div>
                    <div><p style="width: 600px;margin-top:10px;overflow: hidden;   text-overflow: ellipsis; display: -webkit-box; line-height: 30px; max-height: 90px; ">{{item.LastName}}</div>
                </div>

                <div style="float:right"><img {{bind-attr src=item.Image}} alt="Smiley face" height="100" width="80" style="margin-top:20px;margin-bottom:10px" /></div>
            </div>
            <div>{{outlet}}</div>
        </div>
        {{/each}}

        **<div> @Html.Partial("~/Views/Home/Partial1.cshtml")</div>**

    </script>


    <script src="~/Scripts/jquery-1.10.2.js"></script>
    <script src="~/Scripts/handlebars-v1.3.0.js"></script>
    <script src="~/Scripts/ember-1.8.1.js"></script>
    <script src="~/js/app.js"></script> 

局部视图

---

请给我这个问题的解决方案。

为什么要将Razor局部视图渲染到余烬模板中？将所有HTML放在Ember模板中，并适当地使用路由和视图处理组合，这将更有意义。请给出一些示例

    <script type="text/x-handlebars">    
        <div class="container">
        Text Here
        </div>    
    </script>   

    <script src="~/Scripts/jquery-1.10.2.js"></script>
    <script src="~/Scripts/handlebars-v1.3.0.js"></script>
    <script src="~/Scripts/ember-1.8.1.js"></script>
    <script src="~/js/app.js"></script>