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

亚马逊运营

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

使用localStorage传递数组到第二个页面怎么恢复成正常的数组？

1

1

本地储存

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

如上

该问题已被官方收录

使用懒加载,登录成功跳转页面刷新后，部分文件失效。

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var myApp = angular.module("myApp", ["ui.router",'oc.lazyLoad']);
myApp.config(function ($stateProvider, $urlRouterProvider) {
    //$urlRouterProvider.otherwise("login");
    $urlRouterProvider.when("", "/login");
    $stateProvider
        .state("login", {
            url: "/login",
            templateUrl: "login.html",
            resolve:{
                load:['$ocLazyLoad',function($ocLazyLoad){
                    return $ocLazyLoad.load(
                        {files:['../css/login.css',
                            '../js/controller/loginCtrl.js']}
                    );
                }]
            }
        })
        .state("backPage", {
            url: "/backPage",
            templateUrl: "backPage.html",
            resolve:{
                load:['$ocLazyLoad',function($ocLazyLoad){
                    return $ocLazyLoad.load(
                        {files:['../css/backPage.css']}
                    );
                }]
            }
        })
        .state("backPage.detail", {
            url: "/detail",
            templateUrl: "detail.html"
        })
        .state("backPage.list", {
            url: "/list",
            templateUrl: "list.html",
            resolve:{
                load:['$ocLazyLoad',function($ocLazyLoad){
                    return $ocLazyLoad.load(
                        {files:['../css/list.css']}
                    );
                }]
            }
        });
});

该问题已被官方收录

wangEditor怎么使用本地上传图片功能?

1

1

富文本编辑器

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//wangEditor富文本编辑器
    var E = window.wangEditor;
    var editor = new E('#wEditor');
    // 或者 var editor = new E( document.getElementById('editor') )
    editor.create();

该问题已被官方收录

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>

该问题已被官方收录

为什么返回的数据和时间戳不一致呢？

1

1

FormData

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$scope.params = {
        page: $stateParams.page,
        status: $stateParams.status,
        type: $stateParams.type,
        startAt: $stateParams.startAt,
        endAt: $stateParams.endAt
    };

该问题已被官方收录

Event Loop中的优先级究竟指的是什么？

1

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

如上

该问题已被官方收录

url页面传参

0

1

url传参

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

代码在图中

该问题已被官方收录

编辑页面，获取文章数据后，select设置value不能显示选项

0

1

angular model

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

解决办法：查阅官方文档如下

Caveat: Option selection
Angular uses object identity to select option. It's possible for the identities of items to change while the data does not. This can happen, for example, if the items are produced from an RPC to the server, and that RPC is re-run. Even if the data hasn't changed, the second response will produce objects with different identities.

To customize the default option comparison algorithm, <select> supports compareWithinput.compareWith takes a function which has two arguments: option1 and option2. If compareWith is given, Angular selects option by the return value of the function.

Syntax

<select [compareWith]="compareFn"  [(ngModel)]="selectedCountries">
 <option *ngFor="let country of countries" [ngValue]="country">
   {{country.name}}
 </option>
</select>
compareFn(c1: Country, c2: Country): boolean {
return c1 && c2 ? c1.id === c2.id : c1 === c2;
}
 

按此法成功解决

解决方法二：用ng-select插件

Step 1: Install ng-select:
npm install --save @ng-select/ng-select

Step 2: Import the NgSelectModule and angular FormsModule module:

import { NgSelectModule } from '@ng-select/ng-select';
import { FormsModule } from '@angular/forms';
@NgModule({
 declarations: [AppComponent],
 imports: [NgSelectModule, FormsModule],
 bootstrap: [AppComponent]
})
export class AppModule {}
Step 3: Include a theme:
To allow customization and theming, ng-select bundle includes only generic styles that are necessary for correct layout and positioning. To get full look of the control, include one of the themes in your application. If you're using the Angular CLI, you can add this to your styles.scss or include it in .angular-cli.json(Angular v5 and below) or angular.json (Angular v6 onwards).


@import "~@ng-select/ng-select/themes/default.theme.css";
// ... or  
@import "~@ng-select/ng-select/themes/material.theme.css";

该问题已被官方收录

angular风琴菜单状态保存

0

1

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div ng-controller="accordion" class="accordion">
    
    
    
    
    <div class="fex">
        <div class="title"><b>后台首页</b> </div>
        <div style="display: block"  class="ck" ng-repeat="x in sidebar" >
            <button style="display: block" type="button" class="btn btn-default ck" ng-click="Turn($index)">{{x.firstLevel}}</button>
            <div uib-collapse="collapse[$index]"  >
                <div class="well well-lg" ng-repeat="set in x.secondLevel"  ui-sref="{{set.url}}">{{set.title}}</div>
            </div>
            
            
        </div>
    </div>
    

$scope.isCollapsed = true;
    $scope.isCollapsedHorizontal = false;
    $scope.isColl =true;


    let open = JSON.parse(sessionStorage.getItem('open'));
        if (open === null) { 
            $scope.collapse = function () {
                let arr = [];
                for (let i = 0; i < $scope.sidebar.length; i++) {
                    arr[i] = 1;
                }
                return arr;
            }();
        } else {
            $scope.collapse = JSON.parse(sessionStorage.getItem('open'));
        }
    


    $scope.Turn = function (index) {


        console.log("你好")
        

        $scope.collapse[index] ? $scope.collapse[index] = 0 : $scope.collapse[index] = 1; 
        sessionStorage.setItem('open', JSON.stringify($scope.collapse));

该问题已被官方收录

图片加载速度过慢

0

1

js基础

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

去第页

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