angularjs与Github

前端之家收集整理的这篇文章主要介绍了angularjs与Github前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

首次创建提交:
cd到项目下,执行以下命令
touch README.md
git init
git add README.md
【git add在提交之前,Git有一个暂存区,可以放入新添加文件或者加入新的改动 】
git commit -m""
【 提交已经被add进来的改动】
git remote add origin http://git.oschina.net/w136/company
git push -u origin master


【常见报错】
①//提交以后,准备推送的时候,却出了问题
error: 无法推送一些引用到 'git@github.com:joesGit15/learngit'
提示:更新被拒绝,因为远程版本库包含您本地尚不存在的提交。这通常是因为另外
提示:一个版本库已向该引用进行了推送。再次推送前,您可能需要先整合远程变更
//根据提示,我们需要git pull这个命令,来查看冲突内容,有的时候,它会自动合并,有的时候需要手动来解决冲突(按照提示来就可以了)
②如果推送失败,则因为远程分支比你的本地更新,需要先用git pull试图合并;
如果合并有冲突,则解决冲突,并在本地提交;
没有冲突或者解决掉冲突后,再用git push origin branch-name推送就能成功!





【同步到服务器】
同步到服务器前先需要将服务器代码同步到本地
命令: git pull
如果执行失败,就按照提示还原有冲突的文件,然后再次尝试同步。
命令:git checkout -- <有冲突的文件路径>

同步到服务器
命令: git push origin <本地分支名>
如果执行失败,一般是没有将服务器代码同步到本地导致的,先执行上面的git pull命令。

(一)过滤器:

(转换数据)

currency 格式化数字为货币格式

filter 从数组项中选择一个子集

lowercase 格式化字符串为小写

orderBy 根据某个表达式排列数组

uppercase 格式化字符串为大写

orderBy 过滤器根据表达式排列数组(注意)orderBy:'id'[:true可选,为true时降序,不填为升序]

可以添加到表达式,指令中

过滤输入:

输入过滤器可以通过一个管道字符(|)和一个过滤器添加到指令中,该过滤器后跟一个冒号和模型名称(ng-model)

filter过滤器从数组中选择一个子集

(扩展):

①date 格式化{{1490161945000 | date:"yyyy-MM-dd HH:mm:ss"}} // 2017-03-22 13:52:25

②number 格式化(保留小数){{149016.1945000 | number:2}}

③currency货币格式化:

{{ 250 | currency }} //结果:$250.00       

{{ 250 | currency:"RMB ¥ " }} // 结果:RMB ¥ 250.00

④limitTo 截取

{{"1234567890" | limitTo :6}} // 从前面开始截取6位

{{"1234567890" | limitTo:-4}} // 从后面开始截取4位

(二)Select(下拉选择框):

ng-option 指令创建一个下拉列表,列表项通过对象和数组循环输出,ng-init 设置默认选中值,都写到<select>标签

(三)表格:

①ng-repeat 指令可以完美的显示表格

②排序显示,可以使用 orderBy 过滤器或者其他过滤器

表格显示序号:在 <td> 中添加 $index

<table>
  <tr ng-repeat="x in names">
    <td>{{ $index + 1 }}</td>
    <td>{{ x.Name }}</td>
    <td>{{ x.Country }}</td>
  </tr>
</table>

 

 $odd当$index值是奇数时值为true,$even当$index值是偶数时值为true

<tr style="{{$even?'background-color: red':''}}" ng-repeat="x in names">//不是偶数行的红色

(四)控制器:

ng-controller 指令定义了应用程序控制器,使用$scope 对象来调用控制器

控制器的 $scope(相当于作用域、控制范围)用来保存Model(模型)的对象

控制器在作用域中创建了两个属性firstName 和 lastName

ng-model 指令绑定输入域到控制器的属性(firstName 和 lastName)

html页面{{fullName()}}会调用控制器里的方法函数

通常是把控制器存储在外部文件中,然后用

<script src='**.js'></script>

调用

(五)Scope(作用域):

$rootScope(根作用域)可作用于整个应用中,是各个 controller 中 scope 的桥梁.用 rootscope 定义的值,可以在各个 controller 中使用

创建控制器时,将 $rootScope 作为参数传递,可在应用中使用

(六)跨域 HTTP 请求:

如果需要从不同的服务器(不同域名)上获取数据就需要使用跨域HTTP请求

跨域请求在网页上非常常见,很多网页从不同服务器上载入 CSS,图片,Js脚本等

在现代浏览器中,为了数据的安全,所有请求被严格限制在同一域名下,如果需要调用不同站点的数据,需要通过跨域来解决

以下的PHP代码运行使用的网站进行跨域访问

header("Access-Control-Allow-Origin: *")

猜你在找的Angularjs相关文章