Question

我使用ajax渲染一个html页面。这是我的HTML

<div class="contents" id="subContents" ng-app="">
    @RenderBody()
    @RenderSection("scripts", required: false)
</div>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

这是我的javascript

$(document).ready(function () {
   $("#sideMenuCustomerDivition").click(function (e) {
      e.preventDefault();
      $('#subContents').load('Default/subView');
   });
});

在渲染视图中，我尝试使用角度函数。但是在渲染体使用ajax之后它无法工作。

Answer 1

为什么使用Ajax呈现网站？您可以使用路由扩展来实现角度。 ui-router或角度路由器。最好在没有jQuery的情况下使用angular

Answer 2

以角度方式执行此任务，忘记jQuery的所有内容，只考虑angularjs。

<强>角

var app = angular.module('demo', []);

app.controller('MainCtrl', function($scope) {
  $scope.name ="World!";
  $scope.someVar = 'This is controller content';

  $scope.applyTemplate = function() {

    $scope.template = "mytemplate.html";
  }
});

<强>标记

<body ng-controller="MainCtrl">
    <p>Hello {{name}}!</p>
    <button ng-click="applyTemplate()">Load Template </button>

    <div ng-include="template" ng-if="template"></div>
  </body>

更好地查看此实时演示in Plunkr

使用ajax渲染体后，angular不起作用

2 个答案: