IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

该问题已被官方收录

html 5 video标签使用ng-src 附加url时视频无法播放的问题

1

angular基础

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<video>
<source ng-src = '{{vm.src}}'  type =video/mp4 >
</video>

该问题已被官方收录

我是用angular的路由的方法，然后自己写了一个html页面但是不能跳转出现错

0

1

angular基础

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var app=angular.module('myApp',['ngRoute']);
//配置ng的路由
app.config(['$routeProvider',function($routeProvider){
   $routeProvider
   .when('/',{
       template:'Welcome!'
    })
   .when('/articleList',{
       templateUrl:'articleList.html',
       controller:''
    })
    
}]);

该问题已被官方收录

ng-repeat在获取到数据的时候渲染的问题。。

1

angular基础

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var app = angular.module('myApp',['ui.router']);
app.controller('myOne', function ($scope,$http) {
    $scope.send =function () {
        $http({
            method:'get',
            url:'http://localhost//carrots-admin-ajax/a/article/search',
            headers:{
                "Content-Type":"application/x-www-form-urlencoded;"
            }
        }).then(function fn(omg) {
            console.log(omg);
        });
    }
});

该问题已被官方收录

angular做英雄导航第二个模块无法链接到

0

1

angular基础

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!--The content below is only a placeholder and can be replaced.-->
<h1>{{title}}</h1>

<div *ngIf="hero">
  <h2>{{hero.name|uppercase}} Details</h2>
  <div><span>id: </span>{{hero.id}}</div>

  <div>
    <label>name:
      <input [(ngModel)]="hero.name" placeholder="name">
    </label></div>
</div>

  <h2>My Heroes</h2>
  <ul class="heroes">
      <li *ngFor="let hero of heroes" 
      [class.selected]="hero === selectedHero" 
      (click)="onSelect(hero)">
      <span class="badge">{{hero.id}}</span> {{hero.name}}
    </li>
  </ul>
  
<app-hero-detail [hero]="selectedHero"></app-hero-detail>

该问题已被官方收录

angular2生成手风琴侧边栏的如何对内部元素绑定显示隐藏事件

0

1

angular view

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

import { Component } from '@angular/core';

@Component({
  selector: 'app-aside-list',
  templateUrl: "./aside-list.component.html",
  styleUrls: ['./aside-list.component.scss']
})
export class AsideListComponent {
  panels = [
    {
      active: true,
      title: "欢迎页",
      parts: [],
      src: require("../../../img/dashboard/u19.png")
    },
    {
      active: true,
      title: "信息管理",
      parts: ["公司信息", "职位信息"],
      src: require("../../../img/dashboard/u19.png")
    },
    {
      active: true,
      title: "内容管理",
      parts: ["Article管理"],
      src: require("../../../img/dashboard/u19.png")
    },
    {
      active: true,
      title: "后台管理",
      parts: ["账号管理", "角色管理", "修改密码", "模块管理"],
      src: require("../../../img/dashboard/u19.png")
    }

  ]
  iconfontList = [
    "icon-wode-weixuanzhong","icon-shezhi-xue","icon-shezhi-xue","icon-shezhi-xue"
  ]
  toggle(i) {
    if (this.panels[i].active == false) {
      this.panels[i].active = true
    } else {
      this.panels[i].active = false
    }
    console.log(123)
  }


}

该问题已被官方收录

ui路由使用懒加载,登录成功跳转页面的时候不加载index,html引入的库

0

1

angular基础

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="en" ng-app="App">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1" charset="UTF-8">
    <title>JS-Task6</title>
</head>
<body>
<div ui-view></div>


<script src="component/angular.min-1.6.3/angular.min.js"></script>
<script src="component/ocLazyLoad.min-1.0.4/ocLazyLoad.min.js"></script>
<script src="component/angular-ui-router-0.4.3/angular-ui-router.js"></script>
<script src="component/jquery.min-1.11.0/jquery-1.11.0.min.js"></script>
<script src="component/angular-messages-1.5.3/angular-messages.js"></script>
<!--<script src="component/ocLazyLoad.min-1.0.4/ocLazyLoad.min.js"></script>-->
<script src="app.js"></script>
</body>
</html>

//入口模块
angular.module("App", ['ui.router', 'ngMessages', 'oc.lazyLoad'])
    .config(function ($stateProvider, $urlRouterProvider, $locationProvider, $ocLazyLoadProvider) {
        //封装懒加载
        var _lazyLoad = function (loaded) {
            return function ($ocLazyLoad) {
                return $ocLazyLoad.load(loaded, {serie: true})
            }
        };

$ocLazyLoadProvider.config({
            debug: false,
            events: true
        });
        //默认打开页面
        $urlRouterProvider.otherwise('/login');
        //配置路由页面
        $stateProvider
            //登录页面
            .state('login', {
                url: '/login',
                controller: 'logCtrl',
                templateUrl: 'html/login.html',
                resolve: {
                    loadMyFile: _lazyLoad([
                        'css/login.css',
                        'controller/login.js'
                    ])
                }
            })
            //后台页面
            .state('list', {
                url: '/list',
                controller: 'listCtrl',
                templateUrl: 'html/list.html',
                resolve: {
                    loadMyFile: _lazyLoad([
                        'component/menu/htmleaf-demo.css',
                        'component/menu/nav.css',
                        'component/menu/iconfont.css',
                        'css/list.css',
                        'controller/list.js'
                    ])
                }
            })
            //后台欢迎页面
            .state('list.welcome', {
                url: '/welcome',
                controller: 'welCtrl',
                templateUrl: 'html/welcome.html',
                resolve: {
                    loadMyFile: _lazyLoad([
                        'css/welcome.css'
                    ])
                }
            })
            //article列表页面
            .state('list.article', {
                url: '/article',
                controller: 'artCtrl',
                templateUrl: 'html/article.html',
                resolve: {
                    loadMyFile: _lazyLoad([
                        'component/bootstrap/bootstrap.min.css',
                        'css/article.css',
                        'component/bootstrap/bootstrap.min.js',
                        'controller/article.js'
                    ])
                }
            })
    });

该问题已被官方收录

angular页面下的css样式设置

0

1

js基础

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>后台管理</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1">
    <link rel="stylesheet" href="https://cdn.bootcss.com/normalize/8.0.0/normalize.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" href="css/login.css">
    <link rel="stylesheet" href="css/back-welcome.css">
    <link rel="stylesheet" href="css/article.css">
    <script rel="script" src="http://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script rel="script" src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script rel="script" src="https://cdn.bootcss.com/angular.js/1.7.0/angular.min.js"></script>
    <script rel="script" src="https://cdn.bootcss.com/angular-ui-router/1.0.18/angular-ui-router.min.js"></script>
    <script rel="script" src="js/bootstrap-datetimepicker.min.js" charset="UTF-8"></script>
    <script rel="script" src="js/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
    <script rel="script" src="js/app.js"></script>
    <script rel="script" src="js/login.js"></script>
</head>
<body data-ng-app="app">
    <div data-ui-view=""></div>
</body>
</html>


<div class="header">
    <a class="slide">萝卜多后台管理系统</a>
    <div class="role">管理员</div>
    <div class="name">admin</div>
    <a class="out glyphicon glyphicon-off" ui-sref="login"></a>
</div>

<div class="slidebar">
    <div class="dropdown">
        <button class="btn dropdown-toggle" type="button" id="menu1" data-toggle="dropdown">信息管理
            <span class="caret"></span></button>
        <ul class="dropdown-menu" role="menu" aria-labelledby="menu1">
            <li role="presentation"><a role="menuitem" tabindex="-1">公司列表</a></li>
            <li role="presentation"><a role="menuitem" tabindex="-1">职位列表</a></li>
        </ul>
    </div>
    <div class="dropdown">
        <button class="btn dropdown-toggle" type="button" id="menu2" data-toggle="dropdown">后台管理
            <span class="caret"></span></button>
        <ul class="dropdown-menu" role="menu" aria-labelledby="menu2">
            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">账号管理</a></li>
            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">角色管理</a></li>
            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">修改密码</a></li>
            <li role="presentation" ui-sref=".article_new"><a role="menuitem" tabindex="-1" href="">模块管理</a></li>
            <li role="presentation" ui-sref=".article"><a role="menuitem" tabindex="-1" href="">article列表</a></li>
        </ul>
    </div>
</div>

<div class="content">
    <div ui-view="">
        Welcome!
    </div>
</div>


var app = angular.module("app", ['ui.router']);

app.config(function ($stateProvider, $urlRouterProvider) {

    $urlRouterProvider.when("", "/home");

    $stateProvider
        .state("home", {
            url: "/home",
            templateUrl: "home.html"
        })
        .state("login", {
            url:"/login",
            templateUrl: "login.html"
        })
        .state("home.article", {
            url:"/article",
            templateUrl: "article.html"
        })
        .state("home.article_new", {
            url:"/article_new",
            templateUrl: "article_new.html"
        });
});

该问题已被官方收录

如何使用url 传参

1

url传参

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var routerApp = angular.module('routerApp')
    .controller('content', function ($scope, $http, $state) {
        $scope.main = $state.params
        http()
         
        function http() {
            $http({
                method: "get",
                params: $scope.main,
                url: "/carrots-admin-ajax/a/article/search" 
            }).then(function (res) {
                console.log(res)
                if (res.data.code === 0) {
                    $scope.article = res.data.data.articleList
                }
            })
        }

该问题已被官方收录

如何在页面注销后点击后退不返回之前的页面（后台）

1

url传参

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

    //注销----------
    $scope.logOut = function() {
        $request.ajax('POST', url.logout, '', '')
        .then(function(xhr) {
            if (xhr.data.code == 0) {
                console.log("注销系统正常");
                $state.go('login');
            }
        }, function() {
            console.log("注销系统异常，请检查相关设置");
        });
    }

该问题已被官方收录

5003用户不存在

1

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var app=angular.module("myApp",[]);
app.controller('login',['$scope','$http',function($scope,$http){
    $scope.fn=function(){
        var names=$scope.name;
        var pwds=$scope.pwd;
        $http(
            {
                method:'POST',
                url:'/carrots-admin-ajax/a/login',
                data:{
                    'name':names,
                    'pwd':pwds
                },
                headers: { 'Content-Type': 'application/x-www-form-urlencoded' },

            }).then(function successCallback(data){
                console.log(data)
                if(data.data.code==0){
                    location.href = "http://localhost:1102/backstage.html"
                }else{

                }

            }, function errorCallback(data) {
                // 请求失败执行代码
            }
        )
    }

}])