我正在使用 Hebcal Hebrew Date API 和 AngularJS 制作一个简单的希伯来语日期转换器。
HTML如下:
<body ng-app="HebrewDate">
<div class="page-container" ng-controller="DateCtrl">
<input type="text" ng-model="inputYear" placeholder="Year (YYYY)"/>
<input type="text" ng-model="inputMonth" placeholder="Month (MM)"/>
<input type="text" ng-model="inputDay" placeholder="Day (DD)"/>
<button class="bt bt-achieve" ng-click="url(inputYear, inputMonth, inputDay)">Convert</button>
</div>
</body>
和脚本:
var app = angular.module('HebrewDate', []);
app.controller('DateCtrl', function($scope, $http) {
$scope.url = function(inputYear, inputMonth, inputDay, outputYear) {
var dateUrl = "http://www.hebcal.com/converter/?cfg=json&gy=" + inputYear + "&gm=" + inputMonth + "&gd=" + inputDay + "&g2h=1";
var output;
$http({
method: 'GET',
url: dateUrl
}).success(function(data, status){
output = angular.fromJson(data);
outputYear = output.hy;
}).error(function(data, status){
// in case of error, sob.
});
}
});
对于我的生活,我无法弄清楚如何获取转换日期(例如 outputYear)以返回 HTML —— 试图让它显示在输入字段的正下方。我试过将 div 与 ng-bind 一起使用,但我显然遗漏了一些东西。 AngularJS 的新手,非常感谢您的帮助。 谢谢!
最佳答案
1) 将此添加到您的 html 中:
{{outputYear}}
2) 移除 outputYear 作为 Controller 函数的参数
3)改变
'outputYear = output.hy;'
到
'$scope.outputYear = output.hy;'
关于javascript - AngularJS 希伯来语日期转换器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28845190/