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

亚马逊运营

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

怎么用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("账号或密码错误")
                }
            }
        }
    };
}

该问题已被官方收录

问题描述：ng-options 设置初始值，无法正常显示，使用对象作为数据源,

0

1

angular view angular model

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="col-md-4 col-sm-12">
                    <div class="row">
                        <label class="col-md-4 col-sm-4">类    型</label>
                        <!--<select    ng-init="selectedType = type.type1.type" ng-model="selectedType" ng-options="x for (x,y) in type)">-->
                        <!--</select>-->
                        <select  ng-init="selectedType = type.type1.type" ng-model="selectedType" ng-options="y.type for (x, y) in type">
                        </select>
                        <p>{{type.type1.type}}</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-12">
                    <div class="row">
                        <label class="col-md-4 col-sm-4">状    态</label>
                        <select  ng-init="selectedState = state.state1" ng-model="selectedState" ng-options="y for (x,y) in state">
                        </select>
                    </div>
                </div>

  $scope.type = {
        state1 :"全部",
        type1 : {type:"全部"},
        type2 : {type:"首页Banner"},
        type3 : {type:"找职位Banner"},
        type4 : {type:"找精英Banner"},
        type5 : {type:"行业大图"}
    };
    $scope.state = {
        state1:"全部",
        state2:"草稿",
        state3:"上线",
    }

该问题已被官方收录

关于任务10封装手风琴下拉菜单时，some引用报错且无法引入正确的全局变量。

0

1

angular model

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var myApp = angular.module('myApp');
myApp.directive('sidebar', function() {
	return {
		restrict: 'AEC',
		replace: true,
		transclude: true,
		templateUrl: "sidebar.html",
		link: function(scope, state, sidebar) {
			scope.state = state;
			scope.sidebar = sidebar;

			console.log(scope.sidebar);
			scope.openList = function(ele) { //点击父系侧边栏时的点击事件
				console.log(ele); //查看当前点击的选项
				scope.sidebar1.forEach(function(item) { //遍历侧边栏
					if(ele.firstList === item.firstList) { //如何当前点击的父系选项是现在
						ele.isShow = !ele.isShow;
					} else {
						item.isShow = false;
					}
				})
			};
		// 	angular.forEach(scope.sidebar, function(item) {
		// 		item.secondList.some(function(items) {
		// 			console.log(items.url);
		// 			if(state.includes(items.urls)) {
		// 				item.isShow = true;
		// 				return true;
		// 				console.log("true");
		// 			} else {
		// 				item.isShow = false;
		// 				return false;
		// 				console.log("false");
		// 			}
		// 		})
		// 	})
		}
	}
});

var app = angular.module("myApp");
    app.controller('dashboard',function ($scope,$state,sidebar) {
    	$scope.signOut = function () {
			localStorage.setItem("loginState","");
			loginState = window.localStorage.getItem("loginState");
        };
        if (loginState == ""){
            $state.go('login');
        }
         $scope.state = $state; //因为原本没有state，所以在控制器中定义state
         $scope.sidebar = sidebar; //从全局变量constant注入到controller中
        //侧边栏的手风琴效果
        $scope.openList = function(ele){ //点击父系侧边栏时的点击事件
        	console.log(ele); //查看当前点击的选项
        	$scope.sidebar.forEach(function (item){ //遍历侧边栏
        		if (ele.firstList === item.firstList){ //如何当前点击的父系选项是现在
        			ele.isShow = !ele.isShow;
        		} else {
        			item.isShow = false;
        		}
        	})
        };
        //侧边栏刷新后保留当前页子系选项高亮
        console.log($scope.sidebar);
        angular.forEach($scope.sidebar,function(item){
        	item.secondList.some(function(items){
        		console.log(items.url);
        		if($state.includes(items.urls)){
        			item.isShow = true;
        			return true;
        			console.log("true");
        		} else {
        			item.isShow = false;
        			return false;
        			console.log("false");
        		}
        	})
        })
    });

myApp.constant("sidebar",[
    {
        firstList:"信息管理",
        secondList:[
            {title: "公司列表", url: ".company" , urls: "*.company"},
            {title: "职位列表", url: ".job" , urls: "*.job"}
        ],
        isShow : false
    },
    {
        firstList:"Article管理",
        secondList:[
            {title: "Article列表", url: ".articleList({page:1,size:10})" , urls: "*.articleList"},
            {title: "文章管理", url: ".text" , urls: "*.text"}
        ],
        isShow : false
    }
])

该问题已被官方收录

状态机的状态不会保存

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

无

该问题已被官方收录

nginx代理接口有问题

1

1

跨域 Ajax

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

该问题已被官方收录

不用原生上传图片方法，angularjs有没有上传图片方法

0

1

file-upload

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

if (typeof FileReader === 'undefined') { //如不支持
            vm.imgTip = "抱歉，你的浏览器不支持 FileReader";
            fileInput.setAttribute('disabled', 'disabled');
        } else { //如支持
            //上传图片监听change事件:   
            $("#image-file").on('change', function () {
                vm.params.img = undefined //点击选择图片重置图片为undefined
                var file = fileInput.files[0];
                console.log(file)
                if (!fileInput.value) { //如果没选择文件
                    $scope.$apply(function () {
                        vm.infor.imgTip = "未选择图片"
                    })
                    return false;
                } else if (fileInput.value && !/image\/\w+/.test(file.type)) { //如果选择了且选择文件格式不对
                    $scope.$apply(function () {
                        vm.infor.imgTip = '不是有效的图片文件!'
                    })
                    return false;
                } else { //如果选择了正确格式文件
                    $scope.$apply(function () {
                        vm.infor.imgTip = "选择成功";
                        vm.infor.isAble = false; //上传按钮恢复颜色可用
                        vm.infor.isShow = false; //进度条恢复
                    })
                    var reader = new FileReader(); //创建一个FileReader接口
                    console.log(reader);
                    //将文件以Data URL形式读入页面
                    reader.readAsDataURL(file); //FileReader的方法，把图片转成base64
                    reader.onprogress = function (e) { //本地上传过程
                        var line = e.loaded / e.total * 100; //本机上传成功100% 
                        if (line === 100) { //如果本地上传成功
                            reader.onload = function (e) { //成功读取
                                preview.src = e.target.result; //显示重新选择的图片
                                $scope.$apply(function () {
                                    vm.infor.chooseImg = true; //操作栏显示
                                    vm.infor.imgName = file.name; //显示图片名
                                    vm.infor.imgSize = file.size; //显示图片大小
                                });
                                if (file.size > 1024 * 1024) {
                                    $scope.$apply(function () {
                                        vm.infor.imgTip = "文件过大，请重新选择";
                                        vm.infor.isAble = true; //上传按钮半透明 不可用
                                    })
                                } else {
                                    vm.up = function () { //点击上传
                                        vm.infor.isShow = true; //进度条生效 
                                        vm.infor.isAble = true; //上传按钮半透明 不可用 
                                        //以下为像后台提交图片数据
                                        var formdata = new FormData();
                                        formdata.append("file", file); // file中包含用户所选择的文件
                                        uploadService.uploadFile(formdata).then(function (res) { //成功
                                            console.log(res.data);
                                            if (res.data.code == 0) { //请求成功
                                                vm.params.img = res.data.data.url;
                                                console.log(vm.params)
                                                vm.infor.imgTip = "上传成功";
                                            }
                                        })
                                    }
                                }
                            };
                        }
                    };
                }
            });
        }

<label for="image-file" class="mybtn btn-blue">选择文件</label>
                            <input type="file" id="image-file">

                        </div>
                        <p id="file-info">{{vm.infor.imgTip}}</p>
                        <div class="col-lg-12">
                            <img id="image-preview" src={{vm.params.img}} alt="配图预览区">

该问题已被官方收录

子组件点击事件不生效

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

export default{
  name: 'alert-box',
  props: {alert: Boolean, detail: Object},
  data () {
    return {
      type: '',
      isAbled: true,
      isContract: false,
      contractList: {
        isOne: false,
        isTwo: false,
        isThree: false,
        isFour: false
      }
    }
  },
  methods: {
    boxHide () { // 弹窗隐藏
      this.alert = this.isContract
      this.isAbled = true
      console.log(this.alert)
      for (let key in this.contractList) {
        this.contractList[key] = false
      }
    },

checkContract () { // 点击查看合同弹窗
      this.isContract = true
      console.log(this.isContract)
    },

return {
      id: '',
      detail: {},
      isContinue: false,
      title: undefined,
      type: undefined,
      goThisContract: undefined,
      back: () => { // 点击返回
        this.$router.back(-1)
      },
      num: '',
      // contractList: {
      //   isOne: false,
      //   isTwo: false,
      //   isThree: false,
      //   isFour: false
      // },
      isContract: false,
      isAbled: true
    }

该问题已被官方收录

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

1

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("注销系统异常，请检查相关设置");
        });
    }

该问题已被官方收录

时间标签意义在哪？

0

1

事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

就是不太用的到

该问题已被官方收录

使用ui-bootstrap中的date-picker组件中的禁用功能

0

1

angular router

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

去第页

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