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

亚马逊运营

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

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


}

该问题已被官方收录

没有赋值变量，变量却变了

0

1

变量

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

function shuffle(arr) {
    var _arr=arr,
        r;

    for (i=0;i<arr.length;i++){
        r = ~~(Math.random() * arr.length);
        _arr[i]=arr[r];

    }
    return arr;

}
console.log(shuffle([1,2,3,4,5,6]));

该问题已被官方收录

click和onclick本质的区别,又有哪些联系?

0

1

事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//随机颜色
function colors (){
  var col = Math.floor(Math.random()*Math.pow(255,3));
  var c16 = col.toString(16);
  return c16;
}

//开始闪
flash.onclick = function(){  
  clearInterval(time);  
  time = setInterval(function(){  
    for(var i = 0; i < div.length; i++){  
      div[i].style.background = '';  
    }  
    thethree(); 
  },1000);  
} 
//取消闪
cancel.onclick = function(){  
  clearInterval(time);  
  for(var i = 0; i < div.length; i++){  
    div[i].style.background = '';  
  }  
}

该问题已被官方收录

怎么用ng-repeat实现手风琴侧边栏

0

1

angular基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="collapse navbar-collapse" id="example-navbar-collapse">
            <div  ng-controller="pageCtrl">
                <div ng-repeat="x in aaa">
                    <div class="change-box" ng-init="pIndex=$index" ng-click="go(pIndex)">{{x.name}}</div>
                    <div  class="show-box" ng-class="{hihebox:cIndex==$index}">
                        <div ng-repeat="child in x.children" class="sonbox1" ng-class="{sonbox2:sonIndex==child}" ng-click="songo(child)">{{child}}</div>
                    </div>
                </div>
            </div>

ngApp=angular.module('app');
    ngApp.controller('pageCtrl',function ($scope,$state) {
        $scope.aaa=[{
            name:'信息管理',
            children:['公司信息','职位信息']
        },{
            name:'Article管理',
            children:['Artice列表','文章管理','内容管理']
        },{
            name:'用户管理',
            children:['用户管理']
        }
    ];

该问题已被官方收录

如何实现input栏位的实时更新

0

1

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var arr;//声明一个全局变量arr，让button的函数访问到arr变量

// 把获取的值赋给Killer和civilian两个input
function gain(value) {
    Killer.value = Math.round(value - (value / 2 + value / 6 + value / 24.1));
    civilian.value = Math.round(value / 2 + value / 6 + value / 24.1);

    // 当玩家值小于4或大于18赋给Killer和civilian值为空
    if (value< 4 || value > 18) {
        Killer.value = "";
        civilian.value = "";
    }else{
        arr=[];//arr定义为空数组，每次执行完函数重置arr为空

    // 当玩家值小于4或大于18把Killer和civilian以组数形式输出
        for (let i=0;i<Killer.value;i++){
            arr.push("杀手");//输出杀手的数量push到数组
        }
        for (let i=0;i<civilian.value;i++){
            arr.push("平民");//输出平民的数量push到数组
        }
    }
}

该问题已被官方收录

angular6路由卫士如何设置？

0

1

angular model

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

angular6路由卫士设置方法：

新增卫士服务


// src/app/serve/auth-guard.service.ts
import { Injectable } from '@angular/core';
import { Router, CanActivate } from '@angular/router';

@Injectable()
export class AuthGuardService implements CanActivate {
  constructor(public router: Router) {}
  canActivate(): boolean {
    if (localStorage.getItem('username') === null) {      // 验证登录状态
      this.router.navigate(['/login']);                   // 重定向
      return false;
    }
    return true;
  }
}
导入路由模块


// src/app/app.routing.module.ts
import { Routes, CanActivate } from '@angular/router'; // 导入依赖

import { 
  AuthGuardService as AuthGuard 
} from '../app/serve/auth-guard.service';             // 导入服务
const routes: Routes = [
  { path: '', redirectTo: '/login', pathMatch: 'full' },
  { path: 'login', component: AdminLoginComponent },
  {
    path: 'global',
    component: GlobalComponent,
    children: childRoutes,
    canActivate: [AuthGuard]          // 添加验证服务
  }
];
@NgModule({
...
  providers: [ AuthGuard ],        // 添加提供者
})

登录时：


... 
 if (this.data.code === 0) {                //  用户名密码验证成功
      localStorage.setItem('username', 'admin');  
      this.router.navigate([`../global`]);          
        }
...
退出时：


logout() {
    localStorage.removeItem('username');
    this.router.navigate(['/login']);
  }

该问题已被官方收录

为什么正则表达式匹配输入框匹配不成功？

0

1

正则表达式

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

^/f/n/r/t/v/u00A0/u2028/u2029

该问题已被官方收录

如何在小程序xml进行数据处理，模拟过滤器

0

1

小程序语言基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!-- wxml文件 -->
<view>{{testFunc(name)}}</view>

// some-page.js
Page({
    data: {
        name: "一斤代码"
    },

    testFunc: function (name) {
          return "Hello," + name
    }
})

<!-- wxml文件 -->
<view>{{myModule.testFunc(name)}}</view>

<wxs module="myModule">
    function testFunc(name) {
        return "Hello," + name
    }
    module.exports.testFunc = testFunc
</wxs>

// some-page.js
Page({
    data: {
        name: "一斤代码"
    }
})

该问题已被官方收录

怎么使用angular的过滤得到接口中的数据？

0

1

angular view angular model

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

myApp.filter('let',function (type){
    return function(index){
        console.log(index);
    return type[index]
    }
})
myApp.filter('category',function(type1){
    return function(index){
        return type1[index]
    }
})

该问题已被官方收录

富文本编辑器wangEDITOR数据无法与AngularJS绑定

0

1

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

去第页

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