angularjs 点滴汇总

素颜马尾好姑娘i 2022-08-04 12:43 198阅读 0赞

陆续补充这里

1。理解（js内容）

var v = v || \{\}; 的含义就是 如果定义了 v ，且不为null or undefined，那么就采用这个对象，否则就是空对象。

2。angularjs select的使用

<select name="fiscalYear" class="form-control"  
data-ng-change="selectyear();" data-ng-model="entity.year" //类似于onchange事件  
data-ng-options="fiscalYear.year as fiscalYear.year for fiscalYear in fiscalYearList" //遍历对象  
required data-required-msg="请选择年份!">  
option value="">请选择</option>  
</select>

//获取选中的值

![Center][]

获取option的值(这里做一个说明：entity.itemType的值是0或者1，这样在编辑页面的时候会默认根据option的值去选中，注意:select是根据option的值来选中)

![Center 1][]

![Center 2][]

3。

只能输入数字 这里注意一下 k-format=*"'0'"* 这个0上面有个单引号 还有k-format="'n0'"这种写法，多看看。

<inputtype=*"text"*id=*"settlementDate1"*name=*"settlementDate1"*kendo-numeric-text-boxk-min=*"0"* k-format=*"'0'"* k-ng-model=*"entity.settlementDate1"*/>

4.立即执行函数: (function ( )\{...\})( ) 与 (function ( )\{...\}( )) 有什么区别

方式一，调用函数，得到返回值。强制函数直接量执行再返回一个引用，引用在去调用执行  
方式二，调用函数，得到返回值。强制运算符使函数调用执行  
(function()\{\})(); 是 把函数当作表达式解析，然后执行解析后的函数  
相当于 var a = function()\{\}; a(); a得到的是函数  
(function()\{\}()); 是把函数表达式和执行当作语句直接执行、  
相当于 var a = function()\{\}(); a得到的是结果  
最终结果是一样的、  
()只是起了 自执行的作用  
和 () 一样的还有很多  
比如 +function ()\{\}  
这个等于 (function ()\{\}) 一般用(function ()\{\}) 还有个作用,就是 避免全局变量

4.对 angularjs kendo grid 读取值的一个理解

先看图吧。

![Center 3][]

![Center 4][]

我们直接操作parentScope.myGrid.dataSource的add或者remove 对应的grid的值是实时更行的。

template: kendo.template('<span class="btn btn-sm glyphicon-move" ng-show="(dataItem.status == \\'1\\') && (dataItem.dcSource==\\'1\\')" ng-click="offset(dataItem)">冲抵</span>')

5.angularJs中使用的kendo grid的的列使用checkbox 获取选中的checkbox (精华)

function checkItems()\{  
// Get reference to Grid object  
var grid = $scope.grid1;  
// Get selected rows  
var sel = $("input:checked", grid.tbody).closest("tr");  
// Get data item for each  
var items = \[\];  
$.each (sel, function(idx, row) \{  
 var item = grid.dataItem(row);  
 items.push(item);  
\});  
return items;  
\}

6.获取kendo grid表格中所有的行数据

$scope.entity.listDetail = $scope.grid1.dataSource.\_data; （标红这个应该是正确的，之后做的记录）

[Center]: /images/20220731/fa0796ae08674f54b29dc268b1bb8875.png
[Center 1]: /images/20220731/dff51b1cb38f413195507fbf90270321.png
[Center 2]: /images/20220731/1388136c7d2742a091f2d54d1be8abc9.png
[Center 3]: /images/20220731/7251e6eb526d4845a720ae33fc28331d.png
[Center 4]: /images/20220731/84d81dcb14fd4d58b6e62dea35713bbb.png