[AngularJS] pain point for new commer: camelCase directive & snake-case HTML markup

Hi all,

I'm new with AngularJS in one project.
The different of a directive in Javascript code & HTML markup has caused me lots of trouble. It took me one day of work just to found out the reason is the type of one HTML markup.

The story:
I used the library of the material table from https://github.com/daniel-nagy/md-data-table#api-documentation
Things are good. Only one thing not work is that pagination total number.
I've checked everything correctly with the document in that link.
After a long time investigating all the possible reason, I end up finding out that I'm using an HTML markup in camelCase as mdTotal(which get from the documentation), instead of writing it in snake-case as md-total.

I shall remember this forever when working with AngularJS, and so do you.


---V---

Nhận xét

Đăng nhận xét

Bài đăng phổ biến từ blog này

Tại sao lại chụp ảnh theo bố cục 1/3 ?

Hình ảnh
Khung bố cục 1/3 Khi chụp ảnh, ta thường nghĩ nên để đối tượng ngay chính giữa bức hình, nhưng rõ ràng ta nhận ra chụp theo bố cục 1/3, đưa trọng tâm bức hình nằm chếch qua một bên sẽ có được bức ảnh ưng ý hơn. Hình theo bố cục 1/3 Vậy lí do tại sao? Sau đây là một số nguyên nhân mà mình tự suy luận sau khi xem loạt ảnh về nấm. Nhóm nấm được đặt ở ngay trọng tâm Dưới - Trái Nếu để đối tượng trọng tâm vào đúng giữa, thì quả thực đối tượng được nhấn mạnh: 1/ Nhưng PHÔNG NỀN phía sau thì khá vỡ bố cục, khiến đối tượng chính cũng không nổi bật được. Vì phông nền chỉ thấy được rìa ở 2 bên, nên khi xem có cảm giác như đằng sau bị chia cắt, vỡ vụn ra khiến bức hình không hoàn chỉnh, khung nhìn bị gián đoạn nên bức hình không được hoàn mĩ. (Và quy tắc này được áp dụng rất nhiều trong quay phim, luôn đảm bảo nhân vật đứng ở 2 phần ba đối lập nhau trong khung hình (dù là khi đó đang đối diện quay mặt trực tiếp vào nhau) 2 đối tượng đứng ở 2 nửa phần ba đối nhau 2/ Thứ
Đọc thêm

[sapui5] Best Practice in sapui5 development

Hình ảnh
Hi, Small Tips but no many knows: - Use this.getResouceBundle().getText(sKey, aParam) - Use BaseController (instead of creating a Util service). - Odata Model resetChanges() & submitChanges() ('TwoWay' binding required). Allow TAB to navigate within a table: Use property " keyboardMode " of ListBase . Set it to value " sap.m.ListKeyboardMode.Edit " and it would allow users to use TAB to move to the next cell in a table (the same behavior in MS Office table). API: https://sapui5.hana.ondemand.com/sdk/#/api/sap.m.ListBase/controlProperties https://sapui5.hana.ondemand.com/sdk/#/api/sap.m.ListKeyboardMode/overview References Advanced JS technique to shorten your code: Below hand-on with explanation will help you to shorten your frontend code a lot. Make the code more succinct, readable & easier to maintain. Functional Programming for your UI5 Apps Hands-On Worksheet Keep in mind the mindset: Think "everythin
Đọc thêm

Implement Search field with case-INSENSITIVE by SAP UI5

Hello guys, Continue to read if you're sapui5 developer, or you work closely with UI development. At the time I write this post, SAP UI5 and Odata does not support filter with case sensitivity. Odata provide some filter parameter that help you to filter with case-INSENSITIVe. However, you hardly modify the URI of ODATA service in your font end SAP UI5 code. Most of us use API provided from SAP , we only provide the parameter to API function, then let the API from SAPUI5 library handle the ODATA service URL. In short, I mean we cannot, or hardly, modifying the odata GET request as we want, but use the standard API instead. Return to the main topic, we need to write a function to filter the ODATA get request so that we get the returned data filtered as the way we want (filter with case-INSENSITIVE). For example: you type " test " in the search field, then you should get the results with all the entries containing "test", or "Test", or "TES
Đọc thêm