Mdb-ui-kit: Issues with AngularJS, some elements works, others don't

Created on 2 Jun 2016  路  6Comments  路  Source: mdbootstrap/mdb-ui-kit

For a normal web works sweet but in AngularJS some components works ( like input type="text")
but others like toggle button or dropdown don't.

"angular": "^1.5.5",
"bootstrap-material-design": "^0.5.9"
<!-- CSS -->
 <link rel="stylesheet" href="../../bower_components/bootstrap-material-design/dist/css/bootstrap-material-design.min.css" />
 <link rel="stylesheet" href="../../bower_components/bootstrap-material-design/dist/css/ripples.min.css" />

<!-- JS -->
 <script src="../../bower_components/jquery/dist/jquery.min.js"></script>
 <script src="../../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
 <script src="../../bower_components/bootstrap-material-design/dist/js/material.min.js"></script>
 <script src="../../bower_components/bootstrap-material-design/dist/js/ripples.min.js"></script>
<!-- input text works -->

<div class="form-group label-static">
    <label for="i2" class="control-label">label-static</label>
    <input type="email" class="form-control" id="i2" placeholder="placeholder attribute">
    <p class="help-block">This is a hint as a <code>p.help-block.hint</code></p>
 </div>

<!-- toggle don't work -->
            <div class="togglebutton">
              <label>
                Bluetooth
                <input type="checkbox">
              </label>
            </div>

All 6 comments

arrive.js

That file is not in your dist folder and is not installed as dependency, where can i get it ?

@Tibicenas you should google "arrive.js". This issue tracker is for BUGS, not your personal support system.

Please read the following before filing any more issues:
https://github.com/FezVrasta/bootstrap-material-design/blob/master/CONTRIBUTING.md

Please follow the issue template and file test cases with any future issues as well, otherwise we will close them.

Hi @rosskevin you're right, i usually use stackoverflow for personal support, but in this case i thought was a dependency missed somewhere, now i saw the below paragraph, sorry for the inconvenience and thank you so much by the fast reply

If you need to dynamically add elements to your DOM then you may need to include Arrive.js before Material.js. This will automatically apply material.js to every new element added via JavaScript.

where can download Arrive.js?

https://github.com/uzairfarooq/arrive (added link to README)

Was this page helpful?
0 / 5 - 0 ratings