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

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

风琴菜单状态怎么保存

2

3

angular基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="collapse navbar-collapse" uib-collapse="isNavCollapsed">
			<div class="menuWrap" ng-repeat="menu in menus">
				<div class="menuHeading" ng-click="menuCollapsed($index); menu.heading.status = !menu.heading.status">
					<span class="glyphicon glyphicon-pencil"></span>
					<span ng-bind="menu.heading.name"></span>
					<span class="pull-right glyphicon" ng-class="{'glyphicon-chevron-down': !menu.heading.status, 'glyphicon-chevron-right': menu.heading.status}"></span>
				</div>
				<div class="menuBody" uib-collapse="menu.heading.status">
					<div class="menuList" ui-sref="backstage.list" ng-repeat="submenu in menu.submenus" ng-bind="submenu"></div>
				</div>
			</div>
		</div>

该问题已被官方收录

关于angular下拉框使用ng-option的问题

2

3

angular基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$scope.state ={
                1:"草稿",
                2:"上线"
            } ;

<select   ng-model="state_1"    ng-options="key as value for (key, value) in state">
                <option value="" selected hidden>全部</option>
</select>

$scope.type = [
                { value:0 ,text:"首页banner"},
                { value:1 ,text:"找职位banner"},
                { value:2 ,text:"找精英banner"},
                { value:3 ,text:"行业大图"}
            ] ;

然后我们再看一个数组里面一堆对象的例子
<select   ng-model="type_1"    ng-options="y.value as y.text for y in type"  >
                <option value="" selected hidden>全部</option>
            </select>

该问题已被官方收录

地址栏中的的page改变了，为什么页面内容未更新。

2

3

url传参 angular基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$scope.maxSize = 3;
$scope.page = function () {
$state.go("backstage.list", {
page: $scope.currentPage
}, {
reload: true
});

该问题已被官方收录

登陆页面错误提示信息

1

1

angular基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

暂无

该问题已被官方收录

怎么使得ng-message的表单认证一次只提醒一个

1

1

angular基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 <input class="enter"
                   type="text"
                   name="user"
                   id="username"
                   placeholder="请输入账号"
                   ng-model="userName"
                   required
                   ng-minlength="5"
                   ng-maxlength="10">
            <div ng-messages="myForm.user.$error" ng-if="myForm.user.$dirty" style="color: red">
                <div ng-message="required">用户名不能为空</div>
                <div ng-message="minlength">用户名长度要大于5</div>
                <div ng-message="maxlength">用户名长度不能超过10</div>
            </div>

            <div class="pwd-icon"></div>
            <input class="enter"
                   type="password"
                   name="password"
                   id="password"
                   placeholder="请输入密码"
                   ng-model="passWord"
                   required
                   ng-minlength="6"
                   ng-maxlength="10">
            <div ng-messages="myForm.password.$error" ng-if="myForm.password.$dirty" style="color: red">
                <div ng-message="required">密码不能为空</div>
                <div ng-message="minlength">密码长度不能小于6</div>
                <div ng-message="maxlength">密码长度不能超过10</div>
            </div>
        </div>
        <div id="tip" ng-model="logMsg">{{logMsg}}</div>
        <button type="button" id="loginBtn" class="login-btn" ng-click="login()">登录</button>

该问题已被官方收录

ui-bootstrap与bootstrap的区别

1

1

angular基础

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

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

}

该问题已被官方收录

在路由文件之中如何配置懒加载

1

1

angular基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

myApp.config(function($stateProvider, $urlRouterProvider) {
  $urlRouterProvider.when("", "home/hello");
  $stateProvider
    // 登录页
    .state("login", { url: "/login", templateUrl: "./html/Login.html" })
    // 列表主页
    .state("home", {
      url: "/home",
      templateUrl: "./html/Home.html",
      controller: "homeCtrl",
      resolve: {
        loadMyCtrl: function($ocLazyLoad) {
          return $ocLazyLoad.load(["./JS/Home.js", "./style/Home.css"]);
        }
      }
    })

该问题已被官方收录

Vue里面的 $event.target.files[0];是什么意思呢

1

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<template>
  <div>
    <main>
      <div>
        <div class="new-data-box">
          <span>|</span>
          <span>新增资料</span>
        </div>
        <div class="Data-options-box">
          <!-- 第一个所属科目 -->
          <div>
            <span>所属科目</span>
            <template>
              <el-select v-model="value" placeholder="数学">
                <el-option v-for="item in options" :key="item.value" :label="item.label"
                  :value="item.value">
                </el-option>
              </el-select>
            </template>
          </div>
          <!-- 第二个所属科目 -->
          <div>
            <span>所属课程/教材</span>
            <template>
              <el-select v-model="value" placeholder="和差倍问题">
                <el-option v-for="item in optionss" :key="item.valuee" :label="item.labell"
                  :value="item.value">
                </el-option>
              </el-select>
            </template>
          </div>
          <!-- 第三个所属课时 -->
          <div>
            <span>所属课时</span>
            <template>
              <el-select v-model="value" placeholder="全部">
                <el-option v-for="item in optionsss" :key="item.valueee" :label="item.labelll"
                  :value="item.value">
                </el-option>
              </el-select>
            </template>
          </div>
        </div>
        <!-- 第三个新增的资料选项 -->
        <div>
          <!-- 价格部分 -->
          <div>
            <span>价格</span>
            <input type="text" style="width: 30px;">
            <span>元</span>
          </div>
          <!-- 文件上传 -->
          <div>
            <span>文件</span>
            <label class="uupfile" for="upfile">上传</label>
            <input id="upfile"  style="margin-left: 3%;width: 70px;display: none;" type="file" @change="xd">
            <img  :src="PatH" id="upfile"  alt="" style="display: block;margin-left: 9.5%;margin-bottom: 2%;width: 42vw;">
            <table class="image">
              <thead>
                <tr>
                  <th>图片名</th>
                  <th>文件大小</th>
                  <th>进度</th>
                  <th>状态</th>
                  <th>操作</th>
                </tr>
                <tr v-if="imgData">
                  <td>{{imgname}}</td>
                  <td>{{imgSize}}</td>
                  <td class="con">
                   <el-progress :text-inside="true" :stroke-width="18" :percentage="100" status="success"></el-progress>
                  </td>
                  <td></td>
                  <td>
                    <button style="margin-left: 10%;">上传</button>
                    <button style="margin-left: 10%;">删除</button>
                  </td>
                </tr>
              </thead>
            </table>
          </div>
        </div>
      </div>
    </main>
  </div>
</template>
<script>

  export default {
    data() {
      return {
        imgData: false, //未上传图片隐藏图片属性
        PatH:{
          },
          imgUrl:'',
          imgname:'',//图片名字
          imgSize:'',//图片大小
        proBar: 0,
        // 请输入价格的部分
         input: '',
        options: [{
          value: '选项1',
          label: '数学'
        }, {
          value: '选项2',
          label: '语文'
        }, {
          value: '选项3',
          label: '外语'
        }],
        value: '',
        optionss: [{
          valuee: '选项1',
          labell: '和差倍问题'
        }, {
          valuee: '选项2',
          labell: '三年级上册'
        }],
        value: '',
        optionsss: [{
          valueee: '选项1',
          labelll: '全部'
        }, {
          valueee: '选项2',
          labelll: '第一课 标点符号'
        }]
      }
    },
    methods:{
      xd($event){
        let file = $event.target.files[0];//声明
        this.imgData= true//未上传图片隐藏图片属性
        this.imgname=file.name//点击的时候让图片名字显示
      }
    }
  }
</script>
<style lang="scss" scoped>
// 新增资料外部样式
  .new-data-box{
    display: flex;
    align-items: center;
    text-align: left;
    height: 40px;
    background-color: cornflowerblue;
  }
  // 条件新增资料外部盒子
  .Data-options-box{
    height: 170px;
    border: 1px solid;
    padding-top: 50px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
  }
  .uupfile{
    border: 1px solid;
    background-color: cadetblue;
  }
</style>
}

该问题已被官方收录

怎么使用url传参使页面刷新后保持刷新前的页面

0

1

url传参

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

angular.module('app')
//新增||编辑
    .controller('articleEditCtrl', ['$scope', '$stateParams', '$rootScope', '$state', '$http',
        function ($scope, $stateParams, $rootScope, $state, $http) {
        var $httpTools = {
            put: function (ajaxAds, data) {
                var ajaxPromise = $http({
                    method: 'put',
                    url: ajaxAds,
                    params: data
                })
                return ajaxPromise;
            },

            post: function (ajaxAds, data) {
                var ajaxPromise = $http({
                    method: 'post',
                    url: ajaxAds,
                    //重要
                    headers: {
                        'content-type': 'application/x-www-form-urlencoded'
                    },
                    transformRequest: function (data) {
                        return $.param(data);
                    },
                    //重要
                    data: data
                })
                return ajaxPromise;
            }
        }

        var id = $stateParams.id;
        //根据id判断 新增还是编辑
        var config = {};
        $scope.params = undefined;
        if (id) {
            config['ajaxAds'] = '/carrots-admin-ajax/a/u/article/' + id;
            config['getOneInfoById'] = '/carrots-admin-ajax/a/article/' + id;
            config['method'] = 'put';
            //编辑，先根据id获取参数
            $http.get(config.getOneInfoById).then(function (res) {
                if (res.data.code == 0) {
                    $scope.params = res.data.data.article;
                    console.log($scope.params)
                } else {
                    alert(res.data);
                }
            }, function (res) {
                alert(res.data);
            });
        } else {
            //新增
            config['ajaxAds'] = '/carrots-admin-ajax/a/u/article/';
            config['method'] = 'post';
            $scope.params = {
                title: '',
                type: '',
                status: '',
                img: '',
                content: '',
                url: '',
                industry: ''
            }
        }

        $scope.addArticle = function (status) {
            if (status === 1) {
                $scope.params['status'] = 1;
            } else if (status === 2) {
                $scope.params['status'] = 2;
            }
            //新增还是编辑
            var isConfrim = undefined,
                ajaxPromise = undefined;
            if (status === 1) {
                isConfrim = $rootScope.modalConfrim('是否保存为草稿？？？');
            } else if (status === 2) {
                isConfrim = $rootScope.modalConfrim('是否上线展示？？？');
            } else {
                return;
            }

            isConfrim.then(function (res) {
                if (config.method === 'put') {
                    //模态框确认
                    var ajaxPromise = $httpTools.put(config.ajaxAds, $scope.params);
                    ajaxPromise.then(function (res) {
                        if (res.data.code == 0) {
                            $state.go('home.article',{page:1,size:10});
                        } else {
                            $rootScope.modalAlert('上线失败!');
                        }
                    }, function (res) {
                        $rootScope.modalAlert(res.data);
                    })
                } else if (config.method === 'post') {
                    //模态框确认
                    var ajaxPromise = $httpTools.post(config.ajaxAds, $scope.params);
                    ajaxPromise.then(function (res) {
                        if (res.data.code == 0) {
                            $state.go('home.article',{page:1,size:10});
                        } else {
                            $rootScope.modalAlert('上线失败!');
                        }
                    }, function (res) {
                        $rootScope.modalAlert(res.data);
                    })
                }
            }, function () {
                //模态框取消
                $rootScope.modalAlert('已取消');
            });
        }
    }])

去第页

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