SAPUI5 controls with angular js

Hi

I have created a basic generic tile , I am using angular js and changing views (pages: home, about) in index.html.

generic tile is working in index.html page. here is the code snippet

<script>

var newContent = new sap.suite.ui.commons.NumericContent ("idDeviceTypeChart", {

            size: "M",

            value: "3",

            //icon="sap-icon://travel-expense"

        });

            var tileContent = new sap.suite.ui.commons.TileContent("idInTileCont", {

                footer: "Rate per min",

                size: "M",

                content: [

                    newContent

                ]

            });

            var tileInInfo = new sap.suite.ui.commons.GenericTile("idTileInInfo", {

                header: "Approve Travel Request",

                size: "M",

                frameType: "OneByOne",

                tileContent: [

                    tileContent

                ]

            });

            tileInInfo.placeAt("tile");

</script>

I want to create basic tile in home.html (view)

any tutorial of SAPUI5 with ANGULAR.JS