Imran Chohan Ответов: 0

Как показать данные из массива javascript на моей домашней странице с помощью knockout.js

Привет,

Я пытаюсь отобразить данные просто из массива на домашнюю страницу. Я следую учебнику, но данные не отображаются. Может ли кто-нибудь помочь мне, что я делаю не так? то, что я сделал до сих пор, дано ниже.

Индекс.cshtml по содержит:


<pre lang="text"><table class="table table-striped table-bordered table-condensed">
    <tr> 
        <th>First Name</th>
        <th>Last Name</th>
        <th>Email</th>
    </tr>
    <tbody data-bind="foreach: Profiles">
        <tr">
            <td data-bind="text: FirstName"></td>
            <td data-bind="text: LastName"></td>
            <td data-bind="text: Email"></td>
        </tr>
    </tbody>
</table>
<script src="~/Scripts/Contact.js"></script>





А представление _Layout. cshtml содержит:


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title - Contact manager</title>
    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <meta name="viewport" content="width=device-width" />
    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/knockout")
    @Styles.Render("~/Content/bootstrap.css")
    @Scripts.Render("~/bundles/modernizr")
    @RenderSection("scripts", required: false)
</head>
<body>

    <div class="container-narrow">
        <div class="masthead">
            <ul class="nav nav-pills pull-right">
                
            </ul>
            <h3 class="muted">Contact Manager</h3>
        </div>
        <div id="body" class="container">
            @RenderSection("featured", required: false)
            <section>
                @RenderBody()
            </section>
        </div>
        <hr />
        <div id="footer">
            <div class="container">
                <p class="muted credit">© @DateTime.Now.Year - Design and devloped by IC.</p>
            </div>
        </div>
    </div>

</body>
</html>


Что я уже пробовал:

Contact.js содержит:

ВАР DummyProfile = [
{
"ProfileId": 1,
"Имя": "Ананд",
"Фамилия": "Пандей",
"Письмо": "anand@anandpandey.com"
},
{
"ProfileId": 2,
"Имя": "Джон",
"Фамилия": "Сина",
"Письмо": "john@cena.com"
}
]

var ProfilesViewModel = функция () {
var self = это;
var refresh = функция () {
сам.Профили (DummyProfile);
};

// Свойства общедоступных данных
сам.Профили = ko. observableArray([]);
освежить();
};

ko. applyBindings(new ProfilesViewModel());

TechMocktail

Содержит ли ваш пакет knockout.mapping.js сценарий?

Imran Chohan

Думаю, нет. Я вставил код, который я использую для этого

Suvabrata Roy

Это поможет вам : http://knockoutjs.com/documentation/foreach-binding.html

0 Ответов