发表于： 2017-04-16 22:11:30
5 1274
1.今天完成的事情
1.看菜鸟教程里面的angular，看到了select，看了angular指令，过滤器，控制器，跟着敲了一遍，自己想用angular实现一个实时将输入的数字转换为16进制的页面，但是一直实现不了，估计是scope的问题，明天再继续看一下。
2.整理了下肥宅组组员的进度和问题，大家进度还不错，都进js了。
2.明天要做的事情
继续学习angular，做完任务6
3.遇到的问题
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
<div ng-app="myApp" ng-controller="myCtrl" ng-init="num= 16">
<input type="num" ng-model="num">
<p>{{num}} 的16进制是:</p>
<h1>{{hex}}</h1>
</div>
<p>自定义服务，用于转换16进制数：</p>
<button ng-click='tras()'>fuck me</button>
<script>
var app = angular.module('myApp', []);
app.service('hexafy', function() {
this.myFunc = function (x) {
return x.toString(16);
}
});
app.controller('myCtrl', function($scope, hexafy) {
$scope.num = 15;
$scope.tras = function() {
$scope.hex = hexafy.myFunc(255);
};
});
</script>
</body>
</html>
写完没办法执行想要的效果，也没报错，猜测是scope的问题，model的scope不在控制器里面？感觉很不合理？
4.收获
1.angular照着教程敲了一半，明天继续。
返回列表
评论