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不解析大括號

回答

相關問題