Angular不解析大括号

我不能得到Angular的工作。发生的事情是我在屏幕上字面上看到的{{ foobar }}。Angular不解析大括号

这里是我的文件：

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'; 
});

/首页/指数

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

来源

2013-05-20 Martijn

从你分享的代码看起来你没有在HomeController中定义'HomeController.js' –

谢谢，我已经更新了我的代码。我添加了一个脚本标签@ index.cshtml Home/Index – Martijn

@DarinDimitrov不，我希望我的控制器在单独的文件中。 – Martijn

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

这是我原本：

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

这是解决方案：

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

现在，一切工作像它应该是。

来源

2013-05-20 13:14:47 Martijn

Angular不解析大括号

回答

相关问题