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

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

咨询电话 : 010-59478634

亚马逊运营

全部问题

已收录问题

未收录问题

没有找到答案，去提问>>>

该问题已被官方收录

5003用户不存在

1

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) {
                // 请求失败执行代码
            }
        )
    }

}])

该问题已被官方收录

风琴菜单的打开状态如何保存

1

1

angular model angular基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div ng-controller="AccordionDemoCtrl">
            <uib-accordion close-others="oneAtATime">
                <div uib-accordion-group class="panel-default" is-open="status.open">
                    <uib-accordion-heading><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                        信息管理
                        <i class="pull-right glyphicon" ng-class="{'glyphicon-chevron-down': status.open, 'glyphicon-chevron-right': !status.open}"></i>
                    </uib-accordion-heading>
                    <a>公司列表</a>
                </div>
            </uib-accordion>
        </div>

该问题已被官方收录

ui-router怎么默认显示二级路由

2

1

angular基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

app.config(function ($urlRouterProvider,$stateProvider) {
    $urlRouterProvider.otherwise('/home');
    $stateProvider
       .state('navPage',{
            url: '/',
            templateUrl: 'view/navPage.html',
            controller: 'navPageCtrl'
        })
        .state('navPage.home',{
            url: '/home',
            templateUrl: 'view/home.html',
            controller: 'homeCtrl'
        })

该问题已被官方收录

风琴页面在页面初始化状态时，会异常打开

0

1

angular基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

html代码：
  <div class="panel panel-default">
        <div class="panel-heading">
            <div class="panel-title">
                <a href="#panel1" class="panel-toggle" data-toggle="collapse" data-parent="#accordion">
                    信息管理
                </a>
            </div>
        </div>
        <div id="panel1" class="panel-collapse collapse in">
            <div class="panel-body">
                <span style="width: 100px" ui-sref="pageTab.page1">
                    <a href="">公司列表</a>
                </span>
            </div>
            <div class="panel-body">
                <span style="width: 100px" ui-sref="pageTab.page2">
                    <a href="">职位列表</a>
                </span>
            </div>

        </div>

    </div>


js代码：
$(".panel-body").hide();
$('.collapse').collapse({
    toggle: true,
    parent: '#accordion'
})
$('.panel-heading').on('click', function () {
    var self = this;
    $(self).nextAll().eq(0).collapse("show");
    
})

该问题已被官方收录

ng-route单页面跳转本地打开文件报错

1

1

angular基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body ng-app="app">
    <div ng-view></div>
    
<script src="angular.min.js"></script>
<script src="angular-route.min.js"></script>
<script src="index.js"></script>
</body>
</html>

var app=angular.module("app",['ngRoute']);
app.config(['$routeProvider',function($routeProvider){
    $routeProvider
    .when('/',{
        templateUrl:'login1.html'
    })
    .when('/backstage',{
        templateUrl:'ttt.html'
    })
    .otherwise({resizeTo:'/'});
}]);

该问题已被官方收录

怎么用angular实现用户验证

1

1

angular基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var n = document.getElementById("name");
var p = document.getElementById("name-pwd");
var error = document.getElementById("error");
console.log(n.value);

function user() {
    if (n.value==="admin" ||n.length===0 || n.value==="") {
        $("#error").empty();
        console.log(error);
    }else {
        error.innerHTML = "无此用户";
        console.log(error);
    }
}
function login() {
    console.log(n.value);
    console.log(p.value);


    xmlhttp.open("Post","/carrots-admin-ajax/a/login",true);
    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xmlhttp.send("name=" + n.value + "&pwd=" + p.value);

    xmlhttp.onreadystatechange = function()
    {
        if (xmlhttp.readyState === 4) {
            if (xmlhttp.status === 200) {
                var jsons = JSON.parse(xmlhttp.responseText);
                console.log(jsons);
                if (jsons.code === 0) {
                    window.location.href = "https://www.jnshu.com/"
                } else {
                    alert("账号或密码错误")
                }
            }
        }
    };
}

该问题已被官方收录

angular服务注入的时候这里为什么没获取到数据？

0

1

angular基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

import { Component, OnInit } from '@angular/core';
import { Hero } from '../hero';
import { HeroService } from '../hero.service';

@Component({
  selector: 'app-heroes',
  templateUrl: './heroes.component.html',
  styleUrls: ['./heroes.component.scss']
})
export class HeroesComponent implements OnInit {

  constructor(private heroService: HeroService) {

  }
  heroes: Hero[];
  selectHero: Hero;
  getHeroes(): void {
    this.heroService.getHeroes().subscribe(heroes => heroes = heroes);
  }
  onSelect(hero: Hero) {
    this.selectHero = hero;
  }
  ngOnInit() {
    this.getHeroes();
  }

}

import { Injectable } from '@angular/core';
import { Hero } from "./hero";
import { HEROES } from "./mock-heroes";
import { MessageService } from "./message.service";
import { Observable, of } from "rxjs";
@Injectable({
  providedIn: 'root'
})
export class HeroService {

  constructor(private messageService: MessageService) { }
  getHeroes(): Observable<Hero[]> {
    this.messageService.add('HeroService: fetched heroes');
    return of(HEROES);
  }

}

该问题已被官方收录

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"
        });
});

该问题已被官方收录

如何实现侧边栏刷新保持高亮？

1

1

angular model angular view angular基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

主要利用sessionStorage或localStorage来保存侧边栏状态。

该问题已被官方收录

如何实现Angela 路由

0

1

angular基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

暂无

去第页

Copyright ©2015 北京葡萄藤信息技术有限公司 All Rights Reserved | 京ICP备15035574号-1