![](https://img-blog.csdnimg.cn/20190927151026427.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
文章平均质量分 59
前端知识
玉带林中挂
这个作者很懒,什么都没留下…
展开
-
angular绑定(数据、属性、html和数据循环)
一、绑定数据二、绑定属性三、绑定html四、简单计算五、进行数组的循环目录一、绑定数据二、绑定属性三、绑定html四、简单计算五、进行数组的循环一、绑定数据1、在后端pulic一段文字:前端进行调用,使用两个大括号进行绑定;然后在终端输入ng serve --open运行2、第二种形式,可以直接声明一句话,然后进行调用,前面没有声明东...原创 2020-03-02 17:10:00 · 1744 阅读 · 2 评论 -
angular之服务和数据持久化
文章目录一、angular服务二、数据持久化一、angular服务如果两个不相关的组建想要相互调用,那么就需要引入服务这个功能。如何创建和使用服务1、创建一个服务。方法和创建组建类似,在终端输入如下2、如果想要使用该服务的话,首先需要在根模块modules里引入该服务。注释的两个地方分别是引入和配置。3、如果想要在某个建立的模块里面使用该服务,就需要在该模块里面引入该服务。例如想...原创 2020-03-10 21:10:57 · 394 阅读 · 5 评论 -
angular组件的创建和调用
组件是什么?在我们的生活中,组件是组成一个物品必不可少的关键部位,在angular当中也是如此。在angular中,组件(Component)是构成Angular应用的基础和核心。相当于一个小模块。那么如何创建组件?1、打开cmd,cd到之前创建文件的目录,输入ng g2、然后会提示选择建立什么,我们要建立组件,输入 ng component3、然后可以通过命令创建一个组件...原创 2020-02-29 21:41:01 · 603 阅读 · 5 评论 -
angular双向绑定(表单input、checkbox、radio、select)
目录一、dom操作实现input绑定二、双向绑定三、radio双向绑定四、select双向绑定五、checkbox双向绑定一、dom操作实现input绑定前端声明一个事件<li> 姓名:<input type='text' id="username" /></li>后端使用原生方法进行调用 dosubmit(){...原创 2020-03-07 21:26:17 · 4353 阅读 · 2 评论 -
angular之父子组件之间的通信
一、子组件调用父组件里面的内容1、如下面,首先在父组件里面声明一个事件和字符串,需要在子组件里面进行调用 methond(){ alert ("我是父组件"); }public title:any='我是父组件';2、然后在父组件里面先引用子组件[title]和[methond]都是自己命名的,可以进行更改,引号里面的是逻辑端声明出来的。<app-ne...原创 2020-03-12 17:57:38 · 345 阅读 · 6 评论 -
angular环境创建+创建项目
一、什么是angularangular是一套js框架,由Google开发和维护,主要用来开发单页面的应用程序(SPA)。具有组块化、模块化、指令等特性。二、angular的搭建环境在使用angular之前需要为我们的计算机搭建一个angular环境,搭建方法如下:1、安装Node.jsNode.js是javascript的运行环境,而angular是一套javascript的框...原创 2020-02-27 16:26:32 · 349 阅读 · 3 评论 -
angular之TodoList的制作
下面是Todolisit的样式。当在输入框输入内容时,按回车键就会将内容添加到正在进行的下面,然后点击任务后,就会到达已经完成的下面。思路也就是我上面所说的。下面进行实现1、首先设置一个输入文本框。前端的代码<h2>todoList<h2> <div class="todolist"> <input class='form...原创 2020-03-10 16:00:53 · 376 阅读 · 3 评论 -
angular之绑定图片,ngFor、ngIf、ngswitch、ngclass、事件、双向绑定等
当我们使用vsCode想要更换新的组件的时候,找到app下面的这个:然后输入新的组件的名字,就可以运行新的组件了。目录一、绑定图片二、循环数据如何显示索引值三、条件判断ngIf四、条件判断ngSwitch五、ngClass用法六、事件七、双向绑定一、绑定图片1、如果想要绑定本地图片,根目录下面找到assets,然后新建一个images的文件...原创 2020-03-05 17:35:12 · 1452 阅读 · 6 评论 -
VS web窗体和网页页面代码不一样的解决方法
敲牛腩的时候出现了这样一个现象,web窗体里的代码和网页页面里的代码不一样,怎么重新启动也是这样,web里的代码无法到网页里面。例如:VS web窗体里的代码:网页里的代码:但是执行的时候网页里的代码和web里的不一样,无法按照web窗体里的代码执行。解决方法:打开网页,清除缓存即可。ctrl+shift+delete;在此感谢赫于富同学的帮助。...原创 2019-11-24 15:06:25 · 978 阅读 · 12 评论 -
html调整页面
如图页面不是很整齐1、点击右键选择检查2、把鼠标放在右面的代码上,选择合适的代码:3、通过调整数值即可:4、margin是外边距的意思,就是看黄色部分:5、padding和content是内边距和内容的意思,道理和margin一样。...原创 2019-12-21 21:22:12 · 382 阅读 · 12 评论 -
vs2017打开web窗体出现 localhost错误
打开vs2017的某一个web窗体的时候会出现localhost错误,后面的/content/是窗体的名字。解决方法:将web窗体换一个名字,content、key、name、id这些名字最好不要用。...原创 2019-11-20 08:51:37 · 860 阅读 · 9 评论 -
Vue搜索框显示最近(历史)搜索记录
效果:实现:(一)HTML <el-input @input="searchContent($event)" v-model="keywords" @keyup.enter.native="submit" size="small" id="input" class="input" placeholder="请输入内容" @focus="onInputFocus" @blur="onInputBlus"&g原创 2021-02-03 20:40:46 · 3063 阅读 · 6 评论 -
vue修改文本框字体颜色
#text{ -webkit-text-fill-color:black; }原创 2020-06-27 21:42:34 · 6831 阅读 · 3 评论 -
vue中实现分页
element-ui官网中有分页的组件,在vue中可以进行调用,引入组件之后自己在传一下参数给后端即可。效果图:HTML部分: <div id="app"> <el-pagination class="page" background //设置背景颜色 @size-change="handleSizeChange" //当每页条数改变是会触发该事件原创 2020-06-25 21:36:01 · 858 阅读 · 2 评论 -
vue 页面出现Status Code: 400
原因:前端问题,查看参数是否正确。查看下面部分是否有书写错误(参数是否定义正确)有关状态码的详细链接:https://www.cnblogs.com/xiaoxiaoMrHuang/p/11068723.html原创 2020-06-24 10:38:32 · 2408 阅读 · 1 评论 -
vue 中npm run serve 执行一半卡死
如图:原因:modules缺少相关依赖解决办法:重新下载依赖,npm会下载缺失的依赖项。npm install原创 2020-06-24 10:32:43 · 3390 阅读 · 1 评论