实习第十周

2020-08-25 14:42:20 浏览数 (1)

继续

1.ng-repeat获取每个input里的数据

1)html

代码语言：javascript复制
        <button ng-click="add()">add</button>
        <div ng-repeat="item in list track by $index">
            <p>{{item.id}}</p>
            <div>
                    <input type="text" ng-model="item.data">
            </div>
            <button ng-click="addData(item.id)">add</button>
        </div>
        {{list}}
        </div>

2)js

代码语言：javascript复制
    app.controller("myCtrl", function($scope, $http, $log) {
            $scope.list = []
            var post = {}
            var id = 0;
            $scope.add = function() {
                post = {}
                post.id = id
                $scope.list.push(post)
                id  
            }
            $scope.addData = function(id){
                    $log.log($scope.list[id])
            }
        })

2.angularjs Select下拉，显示 值（另一个值）

查看ngOptions源码，发现应该无法实现这个功能

所以改用ng-repeat可以实现

代码语言：javascript复制
<select ng-model="dev"  ng-change="change(dev)">
        <option ng-repeat="x  in arr"  value="{{x.deviceName}}" >{{x.deviceName}}({{x.mac}})</option>
</select>

3.angularjs directive 的隔离scope如何与父scope交互

  • @绑定一个局部scope属性到当前dom节点的属性值。结果总是一个字符串，因为dom属性是字符串
  • &提供一种方式执行一个表达式再父scope的上下文中，如果没有指定attr名称，则属性名称为相同的本地名称
  • =通过directive的attr属性的值在局部scope的属性和父scope属性名之间建立双向绑定

4.mysql取最新的120条数据

代码语言：javascript复制
SELECT id,indoor FROM pet ORDER BY id DESC LIMIT 120
编程算法 angularjs

0 人点赞