0

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", []);

ルート.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>
4

1 に答える 1

0

助けてくれてありがとう。私はついにそれを理解しました。問題は私の MVC コントローラーにありました。

これは私がもともと持っていたものです：

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

そして、これが解決策です：

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

今、すべてが正常に機能しています。

于 2013-05-20T13:14:47.223 に答える