debugmodedotnet

import { Component, OnInit } from '@angular/core';


@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {

debugmodedotnet

<div class="card text-center">
        <img class="img-fluid" [src]="tshirt.fimage"/>
    <div class="card-header">
        {{tshirt.name}}
        <button (click)='cancel()' type="button" class="close" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
    </div>
    <div class="card-body">

debugmodedotnet

<div class="container">

  <div class="page-header">
    <h1 class="text-danger text-center">Foo T-Shirt Company</h1>
  </div>

  <hr />
  <br />

  <div class="row">

debugmodedotnet

 getProducts() {
    return  [
      {
        "productId": 1,
        "productName": "Leaf Rake",
        "productCode": "GDN-0011",
        "releaseDate": "March 19, 2019",
        "description": "Leaf rake with 48-inch wooden handle.",
        "price": 19.95,
        "starRating": 3.2,

debugmodedotnet

   changeName = function () {
        dbrepo.name = 'set by code ';
    }

debugmodedotnet

var elements = document.querySelectorAll('[data-geek97-bind]');
    var dbrepo = {};

    elements.forEach((element) => {

        if (element.type === 'text') {
            var bindingProperty = element.getAttribute('data-geek97-bind');
            addToScope();
            element.onkeyup = () => {
                dbrepo[bindingProperty] = element.value;

debugmodedotnet

set: function (newvalue) {
                        value = newvalue;
                        elements.forEach(e => {
                            if (e.getAttribute('data-geek97-bind') === bindingProperty) {
                                if (e.type === 'text') {
                                    e.value = newvalue
                                }
                                else if (!e.type) {
                                    e.innerHTML = newvalue
                                }

debugmodedotnet

function addToScope(){
        if(!dbrepo.hasOwnProperty(bindingProperty)){
            let value; 

            Object.defineProperty(dbrepo,bindingProperty,{
                configurable:true,
                enumerable:true ,
                set: function(newvalue){
                  value = newvalue;
                },

debugmodedotnet

function addToScope(){
        if(!dbrepo.hasOwnProperty(bindingProperty)){
            let value; 

            Object.defineProperty(dbrepo,bindingProperty,{
                configurable:true,
                enumerable:true ,
                set: function(newvalue){
                  value = newvalue;
                },

debugmodedotnet

var elements = document.querySelectorAll('[data-geek97-bind]');
var dbrepo = {}; 

elements.forEach((element)=>{

    if(element.type === 'text'){
        let bindingProperty = element.getAttribute('data-geek97-bind');
        console.log(bindingProperty);
    }
});