asp.net-mvc-4 - 在视图文件中调试 Knockout js 变量值

Question

我可以在 *.cshtml 文件上调试下面提到的代码吗？我使用淘汰赛 js 作为我的客户端 java 脚本库。

<div data-bind="ifnot: book()">
        <div>
            <h2>Add New Book</h2>
        </div>
        <div>
            <label for="name">Name</label>
            <input data-bind="value: $root.Name" type="text" title="Name" />
        </div>

        <div>
            <label for="publisher">Publisher</label>
            <input data-bind="value: $root.Publisher" type="text" title="Publisher" />
        </div>

        <div>
            <label for="price">Price</label>
            <input data-bind="value: $root.Price" type="text" title="Price" />
        </div>
        <br />
        <div>
            <button data-bind="click: $root.create">Save</button>
            <button data-bind="click: $root.reset">Reset</button>

        </div>
    </div>

在上面的代码中，我需要检查“book() 或 $root.Name 等”的值。我可以这样做吗？

更新：火灾错误

Answer 1

您需要使用客户端调试。使用开发人员工具栏（F12在大多数浏览器中打开）或使用Visual Studio 客户端脚本调试。

Answer 2

在@nemesv 链接之后，我对此进行了小型研发。下面我提到了您可以找到 DOM 元素的 KO 绑定值的方式。希望这对将来的某人有所帮助。

扩展链接：KnockoutJs 上下文调试器

您可以在 DOM 元素上找到 KO 值的方式。