Can I use another prefix instead of `ng` with angularjs?

Question

I'm newbie to angularjs. When I read the docs, I found it uses ng as prefix of attributes:

<body ng:controller="PhoneListCtrl">
  <ul>
    <li ng:repeat="phone in phones">
      {{phone.name}}
      <p>{{phone.snippet}}</p>
    </li>
  </ul>
</body>

I want to know if I can modify it as another word, such as x? Since I think x is much easier to type than ng.

You could fork it, and 'ng' with 'x' replace, then do git rebase ;-) — KajMagnus
– KajMagnus, Commented Jun 11, 2012 at 22:03

Splaktar · Accepted Answer · 2019-03-28 04:03:08Z

26

Since v1.0.0rc1, these are all equivalent:

<div ng-show="isVisible">Using ng-show</div>
<div ng:show="isVisible">Using ng:show</div>
<div data-ng-show="isVisible">Using data-ng-show</div>
<div x-ng-show="isVisible">Using x-ng-show</div>
<div class="ng-show:isVisible">Using class="ng-show:isVisible"</div>

Here's working fiddle: http://jsfiddle.net/vojtajina/Fgf3Q/

However, the main reason behind this was allowing valid html. So, you ca use x-* prefix for your custom directives, but not for Angular ones.

Check out docs for more info.

edited Mar 28, 2019 at 4:03

Splaktar

5,9145 gold badges45 silver badges76 bronze badges

answered Mar 17, 2012 at 20:07

Vojta

23k5 gold badges51 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

Freewind Over a year ago

Although this is not exactly what I want -- I hope to use x-show instead of ng-show, but I learn more about angularjs, thank you!

ejain Over a year ago

I kind of expected x:* to work (after setting xmlns:x="angularjs.org"), but it doesn't...

KajMagnus Over a year ago

Does data-x-mydirective work? (x-mydirective is not valid HTML5?)

Vojta Over a year ago

data-mydirective works and is valid html5, why would you need data-x-mydirective ?

Vojta Over a year ago

That said, I think somebody should create a better html validator that can understand Angular stuff. Using data-* makes the templates awfull and only causes to "skip" these attributes as valid. Would be better to actually validate even the Angular attributes and produce errors like "you misspelled ng-rrepeat". It's not simple, but somebody should try it ;-)

|

Collectives™ on Stack Overflow

Can I use another prefix instead of `ng` with angularjs?

1 Answer 1

7 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related