码迷,mamicode.com
首页 > Web开发 > 详细

jquery与angular的交互

时间:2019-12-14 20:46:47      阅读:95      评论:0      收藏:0      [点我收藏+]

标签:mod   函数   art   camera   dir   ref   func   col   com   

HTML:

<table class="table table-striped" ng-app="myApp">
            <tr>
                <th>时间</th>
                <th>教练员</th>
                <th>学员</th>
                <th>车牌号</th>
                <th>SIM</th>
                <th>经度</th>
                <th>纬度</th>
                <th>方向</th>
                <th>速度(km/h)</th>
                <th>操作</th>
            </tr>
            <tr ng-controller="myCtrl">
                <td>{{obj.gpsTime}}</td>
                <td>{{obj.coachName}}</td>
                <td>{{obj.studentName}}</td>
                <td>{{obj.licnum}}</td>
                <td>{{obj.sim}}</td>
                <td>{{obj.lng}}</td>
                <td>{{obj.lat}}</td>
                <td>{{obj.direct}}</td>
                <td>{{obj.speed}}</td>
                <td><a title="立即拍照" href="#" class="ljpz"><i class="fa fa-camera"></i></a></td>
            </tr>
        </table>

JS:

1. angular(不能放在jquery的onready事件中)

var app = angular.module(‘myApp‘, []);
app.controller(‘myCtrl‘, function($scope) {
    $scope.obj = {
        gpsTime : ‘‘,
        coachName : ‘‘,
        studentName : ‘‘,
        licnum : ‘‘,
        sim : ‘‘,
        lng : ‘‘,
        lat : ‘‘,
        direct : ‘‘,
        speed : ‘‘
    };
});

2.jquer

Technorati Tags: ,,

y(可以放在一个函数或ready事件中)

var scope = $(‘tr[ng-controller="myCtrl"]‘).scope();// 获得angular的作用域
        scope.obj.coachName = ‘hi‘;
        scope.$apply();// 绑定到视图

jquery与angular的交互

标签:mod   函数   art   camera   dir   ref   func   col   com   

原文地址:https://www.cnblogs.com/huiy/p/js.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!