Angular不解析大括号

时间:2013-05-20 11:36:40

标签: asp.net-mvc angularjs

我没有让Angular工作。发生的事情是我在屏幕上看到的字面{{ foobar }}

以下是我的文件:

/ app / Index:

的Index.cshtml
@{
    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>

app.js:

var app = angular.module("tournament", []);

routes.js:

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

HomeController.js:

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

/ Home / Index

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

1 个答案:

答案 0 :(得分:0)

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

这就是我原来的:

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

这就是解决方案:

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

现在,一切都按照应有的方式运作。