个人中心
gpt4 book ai didi

javascript - 我的 ng-include 不起作用

转载 作者：行者123 更新时间：2023-12-02 14:49:16 27 4
gpt4 key购买 nike

我是 AngularJS 新手。我正在尝试使用 ng-include 但它不显示我引用的 html 文件。

app.js 代码

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

    app.controller('mainCtrl', [$scope, function($scope)
    {
      $scope.templateID = 'testing1.html';

      $scope.changeTemplateID = function($scope){
          $scope.templateID = 'testing2.html';
        }

    }]);

index.html 文件

<!DOCTYPE html>
<html ng-app="myApp">

  <head>
    <script data-require="angularjs@1.5.0" data-semver="1.5.0" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0/angular.js"></script>
    <link href="style.css" rel="stylesheet" />
    <script src="script.js"></script>
  </head>

  <body ng-controller="mainCtrl">
    <ng-include src="templateID"></ng-include>
    <h1>Hello Plunker!</h1>

    <p ng-click="changeTemplateID()">next</p>
  </body>

</html>

根目录下有两个html文件。它们称为 testing1.html 和 testing2.html。我什至尝试像 ng-include 中的 "'testing1.html'" 一样直接引用它们。

但没有成功。有什么帮助吗？

最佳答案

JS 代码中有两个错误:

var app = angular.module('myApp', []);
    //                          vvvvvvvv  must be a string
    app.controller('mainCtrl', ['$scope', function($scope)
    {
      $scope.templateID = 'testing1.html';

      // you don't need to pass $scope here:
      $scope.changeTemplateID = function(){
          $scope.templateID = 'testing2.html';
        }

    }]);

Plunker供您细读。

关于javascript - 我的 ng-include 不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36316493/

27 4 0
文章推荐： javascript - 将字符串变量转换为数组
文章推荐： grails - Grails 2.5.6 createLink没有考虑应用程序是否在HTTPS服务器上吗？
文章推荐： grails - Grails 3用于grails.test.Mock的集成测试迁移Utils grails.test.Grails Mock
文章推荐： javascript - 如何等待用户对 Meteor AutoForm 提交的响应？
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com