不能使用在JavaScript模型的性能(Cannot access properties of m

我试图在这里却好像没上班了一些建议，我似乎无法访问该模型的属性。 这是我到目前为止

var widgetModel = '@Html.Raw(Json.Encode(Model.widgets))';
                [].forEach.call(widgetModel, function (widget) {
                    var template = document.querySelector('#panel-template');
                    var panelTitle = template.querySelector('.panel-title');
                    panelTitle.textContent = widget.WidgetName;
                });

这里是呈现widgetmodel http://gyazo.com/4a960969d9bedbd71efb1dac9b99c7e6

我也试图访问这个样子，但是似乎没有被挂在小部件变量的任何属性。

for (var i = 0; i < widgetCount; i++) {
                        var widget = widget[i];
                        var template = document.querySelector('#panel-template');
                        var panelTitle = template.querySelector('.panel-title');
                        panelTitle.textContent = widget.WidgetName;
                    }

Answer 1:

混合javascript和剃须刀，您需要围绕你的剃须刀调用任何代码块

@{ ... }或@if(condition){}等

并把代码本身一个转义序列

@:或<text>标记。

所以，知道这一点，你可以这样做

@{
        <text>
            var widgetModel = '@Html.Raw(Json.Encode(Model.widgets))';
        </text>
     }

见混合剃刀和Javascript代码和JavaScript中使用剃刀

文章来源: Cannot access properties of model in javascript