angularjs和bootstrap哪个更好-ZOL问答

6个回答默认排序

默认排序

按时间排序

drengrongwang

已采纳

这两个解决的东西不一样,一个主要用来处理数据,一个主要用来展示,不过现在bootstrap比较流行

取消评论

精品应用推荐

超值推荐

kuailemuzier

1.所述优先可通过利用$ routeParams和所述第二通过ngClass来解决。下面是一个简单的例子plunker让你开始：使用Javascriptvar app = angular.module('plunker', []);
app.config(function ($routeProvider) {
$routeProvider
.when('/', { template: 'pHome pagep'})
.when('/:title', { template: 'pPage for {{ name }}/p', controller: 'MainCtrl'})
.otherwise({
redirectTo: '/'
});
});
app.controller('MainCtrl', function ($scope, $routeParams) {
$scope.$on('$routeChangeSuccess', function (event, current, prev) {
$scope.name = $routeParams.title || 'World';
});
});

HTML!DOCTYPE html
html ng-app=plunker
head
meta charset=utf-8 /
titleAngularJS Plunker/title
scriptdocument.write('base href=' + document.location + ' /');/script
link rel=stylesheet href=style.css /
script data-require=angular.js@1.0.x src=https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js data-semver=1.0.8/script
script src=app.js/script
/head
body
div ng-controller=MainCtrl
h2 Hello {{ name }}!/h2
ul class=nav-bar
li ng-class=namea href=#/BobBob/a/li
li ng-class=namea href=#/HarryHarry/a/li
li ng-class=namea href=#/Home/a/li
/ul
/div
div ng-view/div
/body
/html

CSS.nav-bar {
display: block;
width: 100%;
}
.nav-bar li {
display: inline-block;
text-decoration: none;
width: 50px;
}
.Bob {
background-color: yellow;
}
.Harry {
background-color: orange;
}

取消评论

xzjumcd

AngularJS 没有相机插件，cordova。phonegap才有相机插件。
首先用命令：
phonegap plugin add org.apache.cordova.camera
安装相机插件

然后再用

navigator.camera.getPicture(onSuccess, onFail, { quality: 50,
destinationType: Camera.DestinationType.FILE_URI
});

进行访问。

记得一定要在onDeviceReady() 之后调用

取消评论

qrqr08008

使用Jquery结合AngulraJs使用的时候，在render完table后，执行一段js脚本，把JqTable应用到该table上，能够捕获到AngularJs渲染完成页面的事件。
要达到这个目的，需要为当前的app自定义directive:
app.directive('onFinishRenderFilters', function ($timeout) {
return {
restrict: 'A',
link: function(scope, element, attr) {
if (scope.$last === true) {
$timeout(function() {
scope.$emit('ngRepeatFinished');
});
}
}
};
});
然后，在需要监控的地方，加上该directive:
tr ng-repeat=user in users on-finish-render-filters
td{{user.Id}}/td
td{{user.Name}}/td
td{{user.Salary}}/td
/tr
最后，补充上需要render完成之后的Js脚本:
$scope.$on('ngRepeatFinished', function (ngRepeatFinishedEvent) {
//下面是在table render完成后执行的js
var table = $(#leaderBoard).dataTable({
bJQueryUI: true,
sScrollX: '100%',
});
});

取消评论