堂的博客

给岁月以学习,而不是给学习以岁月


  • 首页

  • 归档

  • 分类

  • 标签

  • 关于

  • 搜索

angularJs 常见错误

发表于 2015-12-17 | 更新于: 2019-07-10 | 分类于 前端 | 评论: | 阅读次数:

ng-show和ng-hide作用相反了,即:ng-show=”true”时隐藏,ng-hide=”true”时显示。

原因:指令前带ng的都是AngularJs的内置指令,对应的值不应该带”花括号”,以ng-show为例,而我是这样写的:

<div ng-show="{{myArg}}"></div>

应该这样写:

<div ng-show="myArg"></div>

当时百思不得其解,ng-show与ng-hide的规则竟然会相反,原来是因为这样。

结论:AngularJs自带的指令不能使用”双花括号”

阅读全文 »

windows安装sublime3遇到的问题与设置风格

发表于 2015-12-16 | 更新于: 2019-07-10 | 分类于 杂说 | 评论: | 阅读次数:

工欲善其事必先利其器,家里的电脑太烂,网速太垃圾,游戏都玩不了,所以安安静静的配个环境吧。

一、开启debug模式

如果你在安装sublime的过程中出现了错误,建议要开启sublime3的debug模式,虽然我并没体会到什么区别,但是网上大神都这样说,应该是没有错的。开启方法如下:

将PackageControl.sublime-settings文件中的debug参数设为true,默认是false,表现为:“debug”: true, ,配置是个json文件,所以注意格式,特别是前后的”,”。网上都说在安装目录的什么下,比如说

D:\Program Files\Sublime Text 2\Data\Packages\PackageControl\PackageControl.sublime-settings

说实话,我完全找不到,没有隐藏文件夹!而我的在这儿:

C:\Users\Administrator\AppData\Roaming\Sublime Text 3\Packages\User

阅读全文 »

angularJs———directive创建自定义指令

发表于 2015-12-13 | 更新于: 2019-07-10 | 分类于 前端 | 评论: | 阅读次数:

directive:中文是”指令”的意思。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
angular.module('myApp', [])
.directive('myDirective', function() {
// 接受两个参数,第一个参数是自定义指令名,第二个是一个方法
return {
restrict://有E(element)、A(Attribute)、C(Class)、M(Mark),默认为A。
priority: Numbmer,//优先级
terminal: Boolean,
template: String or Template Function:function(tElement, tAttrs) (...},
templateUrl: String,
replace: Boolean,
/*默认为false,表示模板会被当作子元素插入到调用此指令的元素内部;
为true表示模板会代替调用次指令的元素;*/

transclude: Boolean,//是否允许指令嵌入,默认为false(不允许嵌套)

scope: Boolean or Object,
/*创建独立作用域。
当为Object时,指令的作用域与dom所对应的controller绑定的规则有:
@(dom绑定到指令作用域)、
=(dom与指令作用域双向绑定)、
&(将dom对方法的引用传到指定作用域)。
*/

controller: String or function($scope, $element, $attrs, $transclude,otherInjectables) { ... },
/*在此controller中定义的方法是暴露给外面,供外面调用的。
String时表示controller的名字,会查找定义在应用中的controller;
function时表示是一个内部的controller,直接定义在这儿;
*/

controllerAs: String,//给controller起的别名
require: String,//此指令依赖的对象,可以是另一个指令
link: function(scope, element, attr, 父控制器(可选)) {
//给此指令绑定一个dom事件:滑动
element.bind('mouseenter',function(){
console.log('鼠标滑动了');
//可直接调用controller中的$scope.test()
scope.test();
//也可以这样写,作用和上面一样
scope.$apply("test()");
});
},
};
});
阅读全文 »

如何使用github与hexo建立个人博客

发表于 2015-12-09 | 更新于: 2019-07-10 | 分类于 杂说 | 评论: | 阅读次数:

刚刚用github与hexo搭建了个人博客,对于这么个专属于自己的东西还是蛮开心的,不过过程中也遇到了很多不懂的东西,所以还是想把这个过程写下来,希望对新人有些帮助!

前言

github是全世界最大的”开源”社区,有很多神奇的功能,有许许多多的大牛,所有著名的大公司都收益于github,我们的博客就是依托于github,github可以给你一个二级免费域名,这就是我们的博客,名字是我们自己起的,比如我的: 堂的博客,前面的jintang是我的名字,是不是很炫酷!那么hexo是什么呢?hexo我简单理解为一个工具,就是用来发布博客的,你在本地电脑上写了文章,然后就可以通过hexo命令来发布你的文章。
了解了这是什么东西,我们就开始建立博客吧!!

安装环境与工具

  1. git:版本控制工具,可以向github推送你的代码,github是免费托管的
  2. node.js:一个js环境,很强大的,内置了许多对象与方法,我们在这儿只需要使用npm命令装一些东西,装了node.js就可以使用npm命令了。
    下载安装你对应系统的即可,最新的node.js在安装的过程中会自动配置你的环境变量,所以这个就不用我们操心了。
    阅读全文 »
1…78
堂

堂

道不同不相为谋,懒懒的继续编程......

74 日志
8 分类
49 标签
RSS
GitHub 知乎 QQ群
Creative Commons
友情链接
  • 飞哥的博客
  • 治元的博客
  • 长安曹公子
  • IT姑凉博客
0%
© 2020 堂
由 Hexo 强力驱动
|
主题 — NexT.Gemini v6.1.0