ในท้ายที่สุดเฟรมเวิร์กง่าย ๆ นี้มีส่วนควบคุมของ JS เท่านั้น Framework Angular มีส่วนตรรกะของตัวเองตัวควบคุมและชั้นบริการของตัวเอง เนื่องจากเราอาจใช้ทรัพยากรในตัวและคุกกี้ของ Angular เราจึงต้องเพิ่ม libs เชิงมุมบางส่วน:
-
<script src = "lib/angular/angular-strap.js"> </script> <script src = "lib/angular/angular-resource.js"> </script> <script src = "lib/angular/angular-cookies.js"> </script>
ก่อนอื่นให้บริการของเรา js
'ใช้อย่างเข้มงวด'; / * บริการ */ // สาธิตวิธีการลงทะเบียนบริการ // ในกรณีนี้เป็นบริการที่มีคุณค่าอย่างง่าย บริการ var = angular.module ('jthink.services', ['ngresource']) ค่า ('เวอร์ชัน', '1.0'); Services.Factory ('LoginService', ['$ Resource', ฟังก์ชั่น ($ RESORES) {ส่งคืน $ ทรัพยากร ('fakedata/userlogin.json', {}, {เข้าสู่ระบบ: {วิธี: 'get', params: {}, isarray: false}});}]);ที่นี่เราใช้โหมดโรงงานและในความเป็นจริงในที่สุดเราก็มีวิธีการเข้าสู่ระบบเพื่อเรียกเลเยอร์คอนโทรลเลอร์ ลองดูที่คอนโทรลเลอร์นี้ js
'ใช้อย่างเข้มงวด'; / * คอนโทรลเลอร์ */ var controllers = angular.module ('jthink.controllers', []); controllers.controller ('loginctrl', ['$ scope', 'loginService', ฟังก์ชั่น ($ scope, loginService) {$ scope.login = {}; $ scope.login.submit = function () {console.log เรียกใช้เลเยอร์บริการ LoginService.login ({}, {อีเมล: $ scope.login.email, รหัสผ่าน: $ scope.login.password}, ฟังก์ชั่น (ความสำเร็จ) {ถ้า success.status == "ความสำเร็จ")ที่นี่เราต้องทำตรรกะง่ายๆและสิ่งที่สำคัญที่สุดคือเรียกใช้วิธีการเข้าสู่ระบบโดยเลเยอร์บริการ
โมดูลอื่น ๆ สามารถเขียนได้ในรูปแบบนี้ เนื่องจากข้อ จำกัด ด้านเวลารายละเอียดจำนวนมากจะไม่ถูกเขียนในกรอบง่าย ๆ นี้ หากคุณต้องการทราบเกี่ยวกับสิ่งที่เฉพาะเจาะจงโปรดถามฉันสำหรับกรอบนี้เป็นส่วนตัว ฉันเขียนไว้โดยทั่วไป - - - -
ด้านบนเป็นรหัสสำหรับการสร้างส่วน JS ส่วนหน้าของ AngularJS bootstrap เราจะยังคงเพิ่มข้อมูลที่เกี่ยวข้องในอนาคต ขอบคุณสำหรับการสนับสนุนเว็บไซต์นี้!
บทความที่เกี่ยวข้อง:
AngularJS Bootstrap ติดตั้งเฟรมเวิร์กส่วนหน้า - ส่วนควบคุม JS
AngularJS Bootstrap ติดตั้งเฟรมเวิร์กส่วนหน้า - หน้าพื้นฐาน
AngularJS Bootstrap มาพร้อมกับกรอบส่วนหน้า - งานเตรียมการ
AngularJS Bootstrap คำอธิบายโดยละเอียดและรหัสตัวอย่าง