个人中心
gpt4 book ai didi

javascript 在 ui 路由器 View 中不起作用

转载 作者：行者123 更新时间：2023-11-28 05:59:03 25 4
gpt4 key购买 nike

我的项目是nodeJs + angularJs + html。

main.html

  <html>
     <head>
       <script src="angularJs.js"></script>
       <script src="ui-router.js"></script>
      </head>
    <body ng-app="myApp">
      <div ui-view></div>
    </body>
 <script>
    var myApp = angular.module('myApp',['ui.router']).config(
           function($stateProvider,$urlRouterProvider,$httpProvider){
               $stateProvider.state('index',{
               url:'/child',
               templateUrl: '/child'
              }
       )});
  </script>
</html>

MyProject/routes/index.js

var express = require('express');
var router = express.Router();
router.get('/child',function(req, res, next) {
res.render('back/childPage', { title: 'Express' });

});

MyProject/views/back/childpage.html

<div>
    fsdfsfsafsfsa214324234234@@
</div>
<script type="text/javascript">alert(1);</script>

MyProject/app.js

var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var bodyParser = require('body-parser');
var ejs = require('ejs');
// view engine setup
 app.engine('.html', ejs.__express);
app.set('view engine', 'html');

// uncomment after placing your favicon in /public
//app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(express.static('public'));

var routes = require('./routes/index');
app.use('/', routes);
var port = normalizePort(process.env.PORT || '3000');
app.set('port', port);

当我访问页面( http://localhost:3000/#/child )时，childPage.html 中的 javascript 代码将不起作用。如果我只是访问nodeJs的路由器页面(http://localhost:3000/child)，javascript代码运行良好。

如果有人知道，请回答我。如果您在我的项目中需要更多代码，请告诉我。谢谢。

最佳答案

哈哈哈哈哈哈，我得到答案了，只需添加一个 Controller 即可。

var myApp = angular.module('myApp',['ui.router']).config(
       function($stateProvider,$urlRouterProvider,$httpProvider){
           $stateProvider.state('index',{
           url:'/child',
           templateUrl: '/child'
           controller:function(){
             //you can operate element in childPage.html 
            }
          }
   )});

关于javascript 在 ui 路由器 View 中不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37432003/

25 4 0
文章推荐： javascript - Bootstrap 轮播模板不起作用
文章推荐： javascript - Cordova插件后台模式: onactivate is not working the first time (android)
文章推荐： javascript - 并发是 JavaScript 语言的一个特性吗？
文章推荐： php - 想要显示为表格 View
行者123
个人简介

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

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