AngularJS在MVC PartialView中不起作用

我有一个Index.cshtml，我称之为PartialView。我也使用angularJS。我的问题是关于...

My Index.cshtml

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<div ng-app="testApp">
    <div ng-controller="testCtrl">
        <input type="text" ng-model="input"/>
        <p>{{input}}</p>
        <button type="button" onclick="callPv()">call partial</button>
    </div>
    <div id="divPv">
    </div>
</div>
<script src="~/Scripts/angular.js"></script>
<script>
    var callPv = function() {
        $("#divPv").load("Home/TestPV");    
    }
</script>
</body>
</html>

我的部分视图

<div>
    <input type="text" ng-model="pv"/>
    <p>{{pv}}</p>
</div>

我的角度.js

var app = angular.module("testApp", []);    
app.controller("testCtrl", function($scope) {   
});

如果我使用 @Html.Partial("TestPV"(调用部分视图，则角度在部分视图中工作，但如果我通过 ajax 调用部分，则角度在部分视图中不起作用并看到 {{pv}}。我经常遇到这个问题。我是棱角刚开始的。感谢您的协助。非常感谢您的回答！

如果要在单击时调用角度函数，请使用 onclickangular.element.scope.apply((;这将手动启动您的范围函数

angular.element('[ng-controller=testctrl]'(.scope((.apply

相关内容

最新更新

热门标签：