美文网首页
实习第十周

实习第十周

作者: ZZES_ZCDC | 来源:发表于2017-09-09 07:49 被阅读21次

    继续

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

    1)html

            <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

        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可以实现

    <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条数据

    SELECT id,indoor FROM pet ORDER BY id DESC LIMIT 120
    

    相关文章

      网友评论

          本文标题:实习第十周

          本文链接:https://www.haomeiwen.com/subject/falojxtx.html