Asp.net mvc 角度不'；t解析花括号_Asp.net Mvc_Angularjs

Asp.net mvc 角度不'；t解析花括号

asp.net-mvc angularjs

Asp.net mvc 角度不'；t解析花括号,asp.net-mvc,angularjs,Asp.net Mvc,Angularjs,我不想工作。发生的事情是，我在屏幕上看到了{{foobar}} 这是我的档案： Index.cshtml/App/Index: @{ Layout = null; } <!DOCTYPE html> <html data-ng-app="tournament"> <head> <meta name="viewport" content="width=device-width" /> <title>Index&l

我不想工作。发生的事情是，我在屏幕上看到了

{{foobar}}

这是我的档案：

Index.cshtml/App/Index:

@{
    Layout = null;
}

<!DOCTYPE html>
<html data-ng-app="tournament">
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet">

    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
    <script src="~/Scripts/angular.js"></script>
    <script src="~/Angular/app.js"></script>
    <script src="~/Angular/routes.js"></script>
</head>
<body>
    <div class="navbar">
        <div class="navbar-inner">
        <a class="brand" href="#">Title</a>
            <ul class="nav">
                <li class="active"><a href="#">Toernooien</a></li>
                <li><a href="#">Link</a></li>
                <li><a href="#">Link</a></li>
            </ul>
        </div>
    </div>

    <div data-ng-view=""></div>
</body>
</html>

routes.js：

app.config(function ($routeProvider) {
    $routeProvider
      .when('/', { templateUrl: '/Home/Index', controller: 'HomeController' });
});

HomeController.js：

app.controller('HomeController', function ($scope) {
    $scope.foobar = 'barFoo';
});

Index.cshtml/Home/Index

<script src="~/Angular/Controllers/HomeController.js"></script>
<div>
      Home/index
    <br />
    <input type="text" data-ng-model="foo" />
    {{ foobar }}
</div>


主页/索引


{{foobar}}

谢谢大家对我的帮助。我终于明白了。问题出在我的MVC控制器上

这就是我最初的想法：

public ActionResult Index()
{
    return View();
}

这就是解决方案：

public ActionResult Index()
{
    return PartialView();
}

现在，一切都正常工作。

从您共享的代码来看，您似乎没有包括

HomeController.js

定义

HomeController

的地方。谢谢，我已经更新了代码。我添加了一个脚本标记@Home的index.cshtml/Index@DarinDimitrov不，我希望我的控制器在单独的文件中。为什么有2个

Index.cshtml

文件？@DarinDimitrov我使用ASP.NET MVC。这两个index.cshtml文件位于不同的文件夹中。

public ActionResult Index()
{
    return PartialView();
}